How do I change the color of the glow effect of a ListView in Flutter?
You can use RawScrollbar instead and set the thumbColor to whatever color you like. Show activity on this post. Scroll bar uses the highlight color.. so just add ur desired scrollbar color in the highlightColor inside Theme in MaterialApp and you are done.
How to Remove ScrollGlow in Flutter?? The glow effect comes from GlowingOverscrollIndicator added by ScrollBehavior. To remove this effect, you need to specify a custom ScrollBehavior. For that, simply wrap any given part of your application into a ScrollConfiguration with the desired ScrollBehavior.
Programmatically set the background color of a list view item , You can use the BackColor property to change the color displayed behind the item text.
How to Remove ScrollGlow in Flutter?? The glow effect comes from GlowingOverscrollIndicator added by ScrollBehavior. To remove this effect, you need to specify a custom ScrollBehavior. For that, simply wrap any given part of your application into a ScrollConfiguration with the desired ScrollBehavior.
And less customizable because it doesn't allow replacing Glow with a different effect (such as fade). You can insert NotificationListener wherever you like. As long as it's a child of MaterialApp and above the desired ListView.
Reading here for GlowingOverscrollIndicator seems like you can change the value of ThemeData.accentColor to change the overscroll glow color. You could try with something similar to this to limit the Theme change to the ListView only
Reading here for GlowingOverscrollIndicator seems like you can change the value of ThemeData.accentColor
to change the overscroll glow color.
You could try with something similar to this to limit the Theme
change to the ListView
only
//store the current Theme to restore it later final ThemeData defaultTheme = Theme.of(context); Theme( //Inherit the current Theme and override only the accentColor property data: Theme.of(context).copyWith( accentColor: Colors.yellow ), child: ListView.builder( //suppose data it's an array of strings itemBuilder: (BuildContext context, int index) => EntryItem(data[index], defaultTheme), itemCount: data.length, ), ); //this is your class to render rows class EntryItem extends StatelessWidget { const EntryItem(this.entry, this.defaultTheme); final String entry; final ThemeData defaultTheme; Widget _buildTiles(String entry) { return Theme( data: defaultTheme, child: Text(entry) ); } @override Widget build(BuildContext context) { return _buildTiles(entry); } }
You can read more about how to style your
Theme
here
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With