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

Publicado em: 05 Maio 2022
no canal de: 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

Nesta página do site você pode assistir ao vídeo on-line Flutter UI practice. Chart, Horizontal List View, etc. Slow code ;) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário mivoligo 05 Maio 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 423 vezes e gostou 14 espectadores. Boa visualização!

532,411

12 mil