-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.dart
91 lines (82 loc) · 2.15 KB
/
main.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import 'package:flutter/material.dart';
import 'package:insta_color_picker/insta_color_picker.dart';
void main() => runApp(const MyApp());
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
MyAppState createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return const MaterialApp(home: Home());
}
}
class Home extends StatefulWidget {
const Home({super.key});
@override
HomeState createState() => HomeState();
}
class HomeState extends State<Home> {
Color _color = Colors.white;
Color _color2 = Colors.white;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
const SizedBox(
height: 20,
),
Padding(
padding: EdgeInsets.all(8),
child: Text(
'Initial Instagram colors',
style: Theme.of(context).textTheme.labelLarge,
),
),
InstaColorPicker(
pageController: PageController(keepPage: true),
selectedColor: _color,
onColorSelected: (color) {
setState(() {
_color = color;
});
},
),
const Divider(),
const SizedBox(
height: 20,
),
Padding(
padding: EdgeInsets.all(8),
child: Text(
'Our color palettes',
style: Theme.of(context).textTheme.labelLarge,
),
),
InstaColorPicker(
pageController: PageController(keepPage: true),
icon: Icons.colorize,
selectedColor: _color2,
colorsList: const [
ColorPalettes.autumnVibes,
ColorPalettes.oceanBreeze,
ColorPalettes.pastelDream,
ColorPalettes.tropicalParadise,
ColorPalettes.urbanChic
],
onColorSelected: (color) {
setState(() {
_color2 = color;
});
},
),
]),
);
}
}