Flutter_meetup_tokyo__10.pdf

by shogo.yamada

Slide 1

Slide 1 text

Flutterʹ͓͚Δը૾ฤ ूػೳ Flutter meetup Tokyo #10 Shogo yamada

Slide 2

Slide 2 text

ࣗݾ঺հ Nama: Shogo Yamada Job: AndroidΤϯδχΞ Twitter: @yshogo87

Slide 3

Slide 3 text

Flutterʹ͓͚Δը૾ฤूػೳ

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

ػೳ • ը૾Λબ୒͢Δ • ςΩετΛೖྗޙɺը૾ͷ্ʹςΩετΛ͓͚Δ • ֦େɺॖখͰ͖ΔΑ͏ʹ͢Δ • ελϯϓΛஔ͚Δ • ฤूޙͨ͠ը૾ΛΫϥ΢υʹอଘ͢Δ

Slide 6

Slide 6 text

ػೳ • ը૾Λબ୒͢Δ • ςΩετΛೖྗޙɺը૾ͷ্ʹςΩετΛ͓͚Δ • ֦େɺॖখͰ͖ΔΑ͏ʹ͢Δ • ελϯϓΛஔ͚Δ • ฤूޙͨ͠ը૾ΛΫϥ΢υʹอଘ͢Δ

Slide 7

Slide 7 text

WidgetΛಈ͔͢ matrix_gesture_detector

Slide 8

Slide 8 text

Widget _drackableWidget(Widget widget, ValueNotifier notifier) { return MatrixGestureDetector( onMatrixUpdate: (m, tm, sm, rm) { notifier.value = m; }, child: AnimatedBuilder( animation: notifier, builder: (ctx, child) { return Transform( transform: notifier.value, child: Stack( children: [ Positioned.fill( child: Container( child: FittedBox( child: widget, ), ),

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

ػೳ • ը૾Λબ୒͢Δ • ςΩετΛೖྗޙɺը૾ͷ্ʹςΩετΛ͓͚Δ • ֦େɺॖখͰ͖ΔΑ͏ʹ͢Δ • ελϯϓΛஔ͚Δ • ฤूޙͨ͠ը૾ΛΫϥ΢υʹอଘ͢Δ

Slide 11

Slide 11 text

εΫγϣΛͱΔ

Slide 12

Slide 12 text

εΫγϣΛͱΔ RepainBoundaryͰғͬͯ͋Δ Widgetͷൣғ಺͚ͩεΫϦʔ ϯγϣοτΛࡱӨͰ͖Δ

Slide 13

Slide 13 text

εΫγϣΛͱΔ

Slide 14

Slide 14 text

ݱࡏ։ൃத ݱࡏ͸InstagramͷετʔϦʔ ʹ౤ߘ͢ΔͨΊͷը૾ฤूΞϓ Ϧέʔγϣϯ։ൃத TwitterͰ։ൃ͍ͯ͠Δ༷ࢠΛ࣮ گͯ͠ΔͷͰΑΖ͚͠Ε͹ϑΥ ϩʔ͓ئ͍͠·͢ɻ  ˠ @yshogo87

Slide 15

Slide 15 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠