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

Veröffentlicht am: 05 Mai 2022
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Flutter UI practice. Chart, Horizontal List View, etc. Slow code ;) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer mivoligo 05 Mai 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 423 Mal angesehen und es wurde von 14 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

532,411

12K