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.

1. 2018.08.28
Kenichi Kambara (@korodroid)
Flutter Meetup Tokyo #4
“Hello Flutter”
Flutter 6

2. About me
•
•
• Droidcon UK/FR/NL/ES/SH
• Developers Summit
• Android Bazaar and Conference
• StackOverflow DevDays
• Cloud Days
•
• Mobile Dev Blog
• Android
•
• NTT
(@korodroid)

3. Introduction
•
•

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. Android Native→Flutter( )

10. /
for Android Developers

11. /
LinearLayout (android:orientation)
vertical horizontal

12. /
Column / Row
Column Row

13. wrap_content / match_parent
wrap_content match_parent

14. CrossAxisAlignment
CrossAxisAlignment.start CrossAxisAlignment.stretch

15. layout_weight
layout_weight=“1”
layout_weight=“2”

16. Expanded+flex
Expanded
flex: 1
Expanded
flex: 2

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. …
/
※GridView ( )

19. Conclusion (Keywords)
•Column / Row widget
•CrossAxisAlignment property
•Expanded widget (+flex property)

20. Appendix( )

21. - Please let me 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.