Slide 1
Slide 1 text
Tasting Flutter
Samples
potatotips#45
@konifar
Slide 2
Slide 2 text
• GitHub/Twitter: @konifar
• Blog: konifar.hatenablog.com
konifar-zatsu.hatenadiary.jp
• Podcast: yome.fm
@konifar
Slide 3
Slide 3 text
Flutter
https://flutter.io/
Slide 4
Slide 4 text
• Flutter makes it easy and fast to build
beautiful mobile apps.
• Used by Google.
• Inspired from React.
What is Flutter?
Slide 5
Slide 5 text
Differences from RN
Flutter ReactNative
Language Dart Javascript
UI Support Support officially
Depends on 3rd party
libraries
Rendering Own engine JS bridge & Native
https://flutter.io/faq/
Slide 6
Slide 6 text
Awesome Codelab
Slide 7
Slide 7 text
• hello_world
• catalog
• layers
• flutter_view
• platform_channel
• platform_channel_swift
• platform_view
• flutter_gallery
• stocks
Flutter Samples
https://github.com/flutter/flutter/tree/master/examples
Basic
Component Sample
Native Integration
Advanced
Slide 8
Slide 8 text
flutter_view
How to embed Flutter
within an iOS or Android
application.
Slide 9
Slide 9 text
Stocks
How to create material-
designed app and
localize it.
Slide 10
Slide 10 text
flutter_gallery
How to create material
designed app and
implement animation.
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
• hello_world
• catalog
• layers
• flutter_view
• platform_channel
• platform_channel_swift
• platform_view
• flutter_gallery
• stocks
Flutter Samples
https://github.com/flutter/flutter/tree/master/examples
Basic
Component Sample
Native Integration
Advanced
Slide 18
Slide 18 text
Thanks