How to find UI widget for just_audio flutter - flutter

i am using just_audi plugin but cannot find the following in their docs
also pause method , resume , buffering progress ..
where could i find these UI's widget
any links or docs most welcome thanks

Generally these icons and UI components are included in Material components
The pause icon is like
Icon(Icons.pause) etc...
Here you can find a huge list of icons https://api.flutter.dev/flutter/material/Icons-class.html
and also a lot of Material UI components
https://docs.flutter.dev/development/ui/widgets/material

Related

Flutter widget to display moving (marquee) text

I am hoping to display a string of text in a widget such that the text appears to automatically scroll or move from left to right, similar to what is shown in many media players (such as OBS). In web development, this appears to be known as a marquee effect.
I've looked at animated_text_kit but it doesn't provide this scrolling animation.
I've also tried any_widget_marquee as described in this similar SO post but the package doesn't support sound null safety.
Can anyone provide any recommendations or describe how to achieve this effect?
There is an aptly named package marquee that does exactly this.
The ticker text Flutter package provides this functionality.

Flutter: Make text/images selectable in whole web app

In the Flutter web apps, there is no default functionality which makes text and images in the app selectable.
Is there a way to enable selection functionality for text/image on web?
I did check SelectableText widget but it is only for text and I would need to use it over every text. Also, you can't select text in multiple SelectableText widgets at once, you can only select text in one of them. I'm looking for a solution to select all text in the app without making change to every text widget.
Let me know if there’s one step solution to achieve this thing in whole web app.
In Flutter 3.3, with the introduction of the SelectableArea widget, any child of the SelectableArea widget has selection enabled for free!
To take advantage of this powerful new feature, simply wrap your route body (such as the Scaffold) with the SelectionArea widget and let Flutter do the rest.
For a more comprehensive deep dive into this awesome new feature, please visit the SelectableArea API page.
Flutter Web currently does not support multiple text selection across SelectableText widgets.
However, there are some experimental widgets that people are currently working on. According to a guide available at:
Custom SelectableScope Widget
They have proposed a custom widget, a Selectable scope, which basically allows for anything within it to be selectable (currently text and images)
NOTE: THIS IS CURRENTLY UNDER EXPERIMENTATION AND MIGHT CHANGE AS MENTIONED IN THE PROVIDED LINK.

Floating button that overlaps in all applications

I am learning flutter, and I found myself with the task of creating a floating button, that by minimizing the application the button is visible and overlaps any application, is it possible to create this functionality in flutter?
You should use Scaffold and there's a parameter called floatingActionButton. There you can add a button and it definitely won't overlay anything. You should also search for SafeArea and Listview/SingleChildScrollView. These are great widgets for avoid overlays. Flutter has a great documentation so you can always look up a widget in google and there will be always something.

Does Flutter have widgets other than material and cupertino?

As far as I know Flutter have build in widget system that named material and cupertino. But is there any other widgets sets. I want to build site with Flutter but do not want to make it look as mobile app.
No there isn't any other widget set. Flutters material and cupertino are ment to get your app a native look. They don't have any special functionality than visual design.
If you just want to do your own styling and elements, you can build your widgets by your own. You can read more about it here:
https://www.raywenderlich.com/10126984-creating-reusable-custom-widgets-in-flutter

How to make carousel/slider/image switcher with fading effect in Flutter

I found many online slider libraries like the one here: https://github.com/GeekyAnts/flutter-carousel
But none of them supports fading effect between images (image transition between slides to be fading).
I found also an example of fading animated widgets in the documentation here: https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-class.html
and
https://api.flutter.dev/flutter/widgets/AnimatedSwitcher-class.html
I'm thinking about make placeholder widget and using a timer to switch between image using the suggested approach in the documentation. Is this the best approach to achieve that? Are there any other ready-made libraries or easier way to do it?
You probably already solved this based on how long this had no answers, but today I had to help a friend with a problem similar to yours and came up with your same solution: using AnimatedSwitcher + FadeTransition + Timer.periodic. It's not a list of images in this example, but you can easily change the list to List<String> and also the widget to Image.network instead of Icon.
Here's the runnable solution + code: https://dartpad.dev/c1332cc136c96fa5980c3e05c7faeb4b