-
Notifications
You must be signed in to change notification settings - Fork 2
/
main.dart
123 lines (114 loc) · 3.24 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
import 'package:flutter/material.dart';
import 'package:foldable_list/foldable_list.dart';
import 'package:foldable_list/resources/arrays.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
late List<Widget> simpleWidgetList;
late List<Widget> expandedWidgetList;
@override
void initState() {
super.initState();
initList();
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: Container(
child: FoldableList(
animationType: AnimationType.none,
foldableItems: this.expandedWidgetList,
items: this.simpleWidgetList),
),
);
}
initList() {
this.simpleWidgetList = [];
this.expandedWidgetList = [];
for (var i = 0; i < 9; i++) {
this.simpleWidgetList.add(renderSimpleWidget());
this.expandedWidgetList.add(renderExpandedWidget());
}
}
Widget renderSimpleWidget() {
return Container(
height: 50,
decoration: BoxDecoration(
color: Colors.grey[200], borderRadius: BorderRadius.circular(10)),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Icon(Icons.account_circle_outlined),
SizedBox(
width: 20,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("John Doe", style: TextStyle(fontWeight: FontWeight.bold)),
Text("Web developer and engineer"),
],
)
],
),
),
);
}
Widget renderExpandedWidget() {
return Container(
height: 140,
decoration: BoxDecoration(
color: Colors.grey[200], borderRadius: BorderRadius.circular(10)),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Icon(Icons.account_circle_outlined),
SizedBox(
width: 20,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("John Doe", style: TextStyle(fontWeight: FontWeight.bold)),
Text("Web developer and engineer"),
Text("Birthday : 22/10/1996"),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
ElevatedButton(
onPressed: () {}, child: Text("View Linkedin Profile"))
],
)
],
)
],
),
),
);
}
}