Flutter UI practice. Chart, Horizontal List View, etc. Slow code ;)

Published: 05 May 2022
on channel: mivoligo

423

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

On this page of the site you can watch the video online Flutter UI practice. Chart, Horizontal List View, etc. Slow code ;) with a duration of hours minute second in good quality, which was uploaded by the user mivoligo 05 May 2022, share the link with friends and acquaintances, this video has already been watched 423 times on youtube and it was liked by 14 viewers. Enjoy your viewing!

532,411

12K