0

I am very confused some of my screens in the app are having the color which I want upon scrolling but some are not. I honesty don't know why or how the one's which are having the color because I don't know about it yet I'm a newbie. I know about MaterialApp and its theme I tried giving it but it didn't worked on the screens where I want the color to be orange its currently on default which is blue. I know by default flutter color is blue but I want orange. Screenshot is attached about what I am talking about. Screenshot. Advanced thanks for the info

Comrade Dawein
  • 3
  • 2
  • Could you share the code of a page where the effect is happening and a page where the effect is not happening? I believe this is only visible when the body is scrollable. –  Apr 30 '21 at 19:44
  • Yes the body is scrollable of course. Its scrolling effect and it comes by default with blue color. My code is too long to share here its with firebase backend I've pasted it over codeshare https://codeshare.io/5zZpbD – Comrade Dawein Apr 30 '21 at 19:53
  • https://stackoverflow.com/questions/52710761/how-to-change-the-color-of-the-overscroll-glow-effect-of-listview-in-flutter –  Apr 30 '21 at 20:00
  • Thanks for sharing this, real helpful – Comrade Dawein Apr 30 '21 at 20:56

2 Answers2

0

Inside your MaterialApp's you can define the accent color which is used as the glow color in scroll

theme: ThemeData(
        accentColor: Colors.orange,
      ),
Amani Saaduddin
  • 288
  • 7
  • 23
0

Use like this and make sure if you are running the app in debug then hide the debug banner because with every usage of MaterialApp in every screen it will show the debug banner and the one defined in main.dart wont be of any use on it.

 return MaterialApp(
  theme: ThemeData(
    accentColor: Colors.orange,
  ),
  home: Scaffold(),
Ahmad Hassan
  • 558
  • 2
  • 5
  • 15