Wrapping Scaffold with Container for gradient background in Flutter. Simply add FlexibleSpace in AppBar and Decorate the container. Then the app bar is a gradient in the background.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
appBar: AppBar( title: Text('Flutter Demo'), flexibleSpace: Container( decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.centerLeft, end: Alignment.centerRight, colors: <Color>[ Colors.red, Colors.blue ], ), ), ), ), |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.