Gradient App Background

 import "package:flutter/material.dart";


void main() {
runApp(PracticeApp(),);
}
class PracticeApp extends StatelessWidget {
PracticeApp({super.key});

@override
Widget build(BuildContext context) {
return MaterialApp(
title: "Gradient",
theme: ThemeData(
primarySwatch: Colors.grey,
),
home: GradientDemo(),
);
}
}
class GradientDemo extends StatelessWidget {
GradientDemo({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Gradient in Flutter"),
),
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
// colors: [
// Colors.orange,
// Colors.purple,
// Colors.amberAccent,
// ],

colors: [
Colors.deepPurple,
Colors.deepPurple.shade500,
Colors.deepPurple.shade400,
Colors.deepPurple.shade300,
Colors.deepPurple.shade200,
Colors.deepPurple.shade100,
Colors.deepPurple.shade50,
],
begin: FractionalOffset(1.0, 0.0),
end: FractionalOffset(0.0, 1.0),
),
),
),
);
}
}

Comments

Popular posts from this blog

Pagination with Bloc Pattern in Flutter

Pagination First Practical in Flutter

ExpansionPanel with ExpansionPanelList with Complete Collapse Operation in Flutter