Download as PDF, PPTX
![[1] https://bit.ly/2IMOqmy (Flutter ) [2] https://bit.ly/2ss1OpZ ( ) [3] https://bit.ly/2sgjKnT ( ) [4] https://bit.ly/2L9RH17 ( ) [5] https://bit.ly/2BpJJAi ( )](https://image.slidesharecdn.com/fluttermeetupkenichikambara20180828-180828110807/75/Hello-Flutter-Flutter-6-7-2048.jpg)
![Expanded+flex child: Container( child: Column( mainAxisSize: MainAxisSize.max, children: <Widget>[ Expanded( child: new Container( child: Row( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[button1], ), ), flex: 1, ), Expanded( child: Container( child: Row( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[button2], ), ), flex: 2, ), ], ), ),](https://image.slidesharecdn.com/fluttermeetupkenichikambara20180828-180828110807/75/Hello-Flutter-Flutter-6-17-2048.jpg)
Uploaded byKenichi Kambara
Hello Flutterの次におさえたい Flutterのポイント その6 (レイアウト編)
Kenichi Kambara gave a presentation on transitioning from Android native development to Flutter development. He discussed key concepts for Flutter layouts such as Column and Row widgets for vertical and horizontal layouts, the CrossAxisAlignment property, and using Expanded widgets with flex properties to control the size of child widgets. He concluded by highlighting Column, Row, CrossAxisAlignment, and Expanded as important widgets and properties for Flutter layouts.
Hello Flutterの次におさえたい Flutterのポイント その6 (レイアウト編)
- 1. 2018.08.28 Kenichi Kambara (@korodroid) FlutterMeetup Tokyo #4 “Hello Flutter” Flutter 6
- 2. About me • • • DroidconUK/FR/NL/ES/SH • Developers Summit • Android Bazaar and Conference • StackOverflow DevDays • Cloud Days • • Mobile Dev Blog • Android • • NTT (@korodroid)
- 3.
- 7. [1] https://bit.ly/2IMOqmy (Flutter) [2] https://bit.ly/2ss1OpZ ( ) [3] https://bit.ly/2sgjKnT ( ) [4] https://bit.ly/2L9RH17 ( ) [5] https://bit.ly/2BpJJAi ( )
- 9.
- 10.
- 11.
- 12.
- 13. wrap_content / match_parent wrap_contentmatch_parent
- 14.
- 15.
- 16.
- 17. Expanded+flex child: Container( child: Column( mainAxisSize:MainAxisSize.max, children: <Widget>[ Expanded( child: new Container( child: Row( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[button1], ), ), flex: 1, ), Expanded( child: Container( child: Row( mainAxisSize: MainAxisSize.max, crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[button2], ), ), flex: 2, ), ], ), ),
- 18.
- 19. Conclusion (Keywords) •Column /Row widget •CrossAxisAlignment property •Expanded widget (+flex property)
- 20.
- 21. - Please letme know if you have any requests such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi Google+:+Kenichi Kambara LinkedIn:http://www.linkedin.com/in/korodroid Twitter:@korodroid Thank you so much.