FlutterMeetUp.pdf

Transcript

1. 1 FlutterͰݸਓతʹͭ·ͬͨͱ͜Ζͱ ࣗ෼ͳΓͷղܾࡦ Flutter Meetup Tokyo #12 2019.11.7
2. ࣗݾ঺հ • ໊લɿؙ໨༗ً • Flutterྺɿ3ϲ݄ʢࣾ಺޲͚ΞϓϦʣ • ৬छɿAndroidʢϚϯΨΞϓϦʣ • झຯɿےτϨ • Twitterɿ@marudroid 2
3. ໨࣍ 3 ᶃը໘ͷೖΕସ͑ ᶄGridViewͷΞΠςϜʹը૾ʢαʔόʔ্ʣؚ͕·Ε͍ͯ Δͱ͖ʹɺը૾ΛΞΠςϜͷαΠζ͍ͬͺ͍·Ͱ޿͍͛ͨ ᶅ͋Δը໘ͷ্ʹഎܠ͕൒ಁ໌ͷը໘Λද͍ࣔͨ͠
4. ໨࣍ 4 ᶃը໘ͷೖΕସ͑ ᶄGridViewͷΞΠςϜʹը૾ʢαʔόʔ্ʣؚ͕·Ε͍ͯ Δͱ͖ʹɺը૾ΛΞΠςϜͷαΠζ͍ͬͺ͍·Ͱ޿͍͛ͨ ᶅ͋Δը໘ͷ্ʹഎܠ͕൒ಁ໌ͷը໘Λද͍ࣔͨ͠
5. 5 A B
7. Navigator.pushReplacement( context, MaterialPageRoute( builder: (context) => SamplePage())); 7
8. 8 ࢥͬͨ௨Γʹಈ͔ͳ͍ɾɾ
9. 9 ϧʔτͷը໘Ͱ͔͠ಈ͔ͳ͍
10. 10 Navigator.push( context, MaterialPageRoute( builder: (context) => SamplePage()));
11. 11 Navigator.push( context, MaterialPageRoute( builder: (context) => SamplePage())); Navigator.of(context).popUntil((route) => route.isFirst);
12. 12 https://stackoverflow.com/questions/51484032/ flutter-navigation-push-replacement-is-not- working-when-not-placed-in-the-first
13. ໨࣍ 13 ᶃը໘ͷೖΕସ͑ ᶄGridViewͷΞΠςϜʹը૾ʢαʔόʔ্ʣؚ͕·Ε͍ͯ Δͱ͖ʹɺը૾͕খ͘͞ͳΔ ᶅ͋Δը໘ͷ্ʹഎܠ͕൒ಁ໌ͷը໘Λද͍ࣔͨ͠
14. (PPE #BE 14 ը૾͕খ͘͞ͳͬ ͍ͯΔ
15. 15 ը૾Λϩʔυ͢ΔલͷϨϯμϦϯά͞Εͨ࣌఺ͷαΠζͰݻఆ͞Ε ͍ͯͯɺը૾͕ಡΈࠐ·ΕΔͱͦͷαΠζͷൣғ಺Ͱදࣔ͠Α͏ͱ ͢Δ
16. 16 ͋Β͔͡ΊαΠζΛܾΊͯ͠·͏
17. 17 GridView.count( padding: EdgeInsets.only(left: 36, top: 18), physics: ScrollPhysics(), crossAxisCount: 2, shrinkWrap: true, childAspectRatio: 0.7, ΞΠςϜͷΞεϖΫτൺΛࢦఆ͓ͯ͘͠
18. ໨࣍ 18 ᶃը໘ͷೖΕସ͑ ᶄGridViewͷΞΠςϜʹը૾ʢαʔόʔ্ʣؚ͕·Ε͍ͯ Δͱ͖ʹɺը૾ΛΞΠςϜͷαΠζ͍ͬͺ͍·Ͱ޿͍͛ͨ ᶅ͋Δը໘ͷ্ʹഎܠ͕൒ಁ໌ͷը໘Λද͍ࣔͨ͠
20. 20 showGeneralDialog( context: context, barrierColor: Colors.black12.withOpacity(0.6),
21. 21 എܠਅͬനʹͳΔ
22. 22 Androidͱಉ͡Α͏ʹςʔϚ͍ͬͯ͡ΈΔ͔
23. 23 class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: '& COFFEE', theme: ThemeData( primarySwatch: Colors.blue, canvasColor: Colors.transparent ) ThemeDataͷcanvasColorʹಁ໌৭Λࢦఆ͓ͯ͘͠
25. 25 showGeneralDialog( context: context, barrierColor: Colors.black12.withOpacity(0.6), // background color barrierDismissible: false, // should dialog be dismissed when tapped outside barrierLabel: "Dialog", // label for barrier transitionDuration: Duration(milliseconds: 400), pageBuilder: (_, __, ___) { return Scaffold( backgroundColor: Colors.black12.withOpacity(0.6), body: SizedBox.expand( දࣔWidgetͷഎܠ৭Λม͑Δ͚ͩͰΑ͔ͬͨ
26. 26 ΋ͬͱ͍͍ํ๏͋ΔΑʂͱ͔ؒҧͬͯΔΑʂͱ͔͋Ε͹ ࠙਌ձͰڭ͍͚͑ͨͩΔͱ޾͍Ͱ͢
27. 27 ͓ΘΓ