/
main.dart
55 lines (50 loc) · 1.45 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
import 'package:flutter/material.dart';
import 'package:gradient_like_css/gradient_like_css.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('gradient_like_css'),
),
body: Center(
child: Container(
height: 300,
width: 300,
decoration: BoxDecoration(
gradient: linearGradient(null, ['#e66465', '#9198e5']),
/// Gradient at a 45-degree angle
// gradient: linearGradient(45, ['red', 'blue']),
/// Gradient that starts at 60% of the gradient line
// gradient: linearGradient(135, ['orange', 'orange 60%', 'cyan']),
/// Gradient with multi-position color stops
// gradient: linearGradient(
// Alignment.centerRight,
// [
// 'red 20%',
// 'orange 20% 40%',
// 'yellow 40% 60%',
// 'green 60% 80%',
// 'blue 80%',
// ],
// ),
),
),
),
),
);
}
}