Flutter UI practice. Chart, Horizontal List View, etc. Slow code ;)
Автор: mivoligo
Загружено: 2022-05-05
Просмотров: 419
Описание:
Another UI build in Flutter.
This time something with a horizontal list view and a bar chart.
Inspiration: https://dribbble.com/shots/18097856-F...
Source code: https://github.com/mivoligo/flutter_u...
fl_chart package: https://pub.dev/packages/fl_chart
Interesting points in the video:
00:00 Hello Friends!
00:30 What widgets I see here
03:30 Navigation between pages using IndexedStack
13:55 Basic page layout plan
15:55 Simple Column with Rows as children
21:18 Another Column with Text
25:22 Horizontal ListView with buttons
30:50 Changing style of OutlinedButton
38:24 Mapping list of strings to a ListView
42:10 Fixing layout issue when using a ListView
45:40 Starting with the bar chart
50:23 Creating Popup button (dropdown)
1:02:40 Adding chart widget from fl_chart library
1:14:23 Removing background grid, borders and titles from the chart
1:18:00 Adding bottom titles for the chart
1:22:30 Styling the bars in the chart
1:30:25 Adding an option to click on the bars
1:39:27 Finished project
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: