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.
Related
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.
I need to make an animation between two Wrap widgets, I found it only as a link to the sheet that scrolls animatedlist,
This
I need wrap, I also know that there is local_hero , but it does not work on flutter 2.8 and higher.
Is there any solution?
I mean duolingo
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.
This effect
I couldn't find any ways to produce this type of home screen card slide menu effect or any combination of widgets to reproduce this, sure could use some help.
This type of custom Drawer done with Stack, AnimatedBuilder and Transform. Most difficult part there is gesture behavior, that could be copied from original Drawer flutter source code.
Marcin Szałek represented this implementation, alongside with few other features on Flutter Europe.
At this video he describes how he done it.
And this is link to his github with this feature code implemented.
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