Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JetpackCompose Slot APIs

Avatar for mitohato14 mitohato14
June 27, 2021
0
930

JetpackCompose Slot APIs

Avatar for mitohato14

mitohato14

June 27, 2021
Tweet

More Decks by mitohato14

See All by mitohato14
兎に角、コードレビュー
Avatar for mitohato14 mitohato14
1
260
CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
Avatar for mitohato14 mitohato14
4
2.3k
アプリの復旧を早くしたい！
Avatar for mitohato14 mitohato14
1
120
事業開発とコミュニティ活動
Avatar for mitohato14 mitohato14
0
52
プレビューファーストUI開発
Avatar for mitohato14 mitohato14
1
470
新米テックリードの試行錯誤.pdf
Avatar for mitohato14 mitohato14
1
520
Start Jetpack Compose.pdf
Avatar for mitohato14 mitohato14
0
380

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
272
21k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.3k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
960

Transcript

  1. Slot APIs in Jetpack Compose mito

  2. Slot APIs • Composableͷ্ʹΧελϚΠζͷϨΠϠΛద༻͢Δύλʔϯ • ݟͨ໨ΛΧελϚΠζ͠΍͘͢ͳΔ • ࡉ͔͍ΧελϚΠζ༻ͷҾ਺Λ௥Ճ͠ͳͯ͘΋ྑ͘ͳΔ • ϚςϦΞϧίϯϙʔωϯτͷComposableͰଟ༻͞Ε͍ͯΔ

    ࿮ʹComposableΛ౰ͯ͸ΊΔ͜ͱ͕Ͱ͖ΔΠϝʔδ

  3. TopAppBar composable https://developer.android.com/jetpack/compose/layout#slot-based-layouts

  4. TopAppBar composable https://developer.android.com/jetpack/compose/layout#slot-based-layouts Slot Slot Slot

  5. TopAppBar composable

  6. TopAppBar composable

  7. TopAppBar composable navigationIcon title actions

  8. Usage

  9. Usage

  10. Other… • Scaffold • BottomAppBar • Button/IconButton • more…

  11. Sca ff old

  12. None
  13. None

  14. Sca ff old

  15. Sca ff old

  16. Conclusion • Composableͷݟͨ໨ΛΧελϚΠζ͠΍͘͢ͳΔ • ఏڙ͞ΕͯΔComposableͷଟ͘ͰSlot͕༻ҙ͞Ε͍ͯΔ • ࣗ࡞ͷڞ௨ComposableͰ΋Slot༻ҙ͢Δͱ٢

  17. Reference • https://developer.android.com/jetpack/compose/layout#slot- based-layouts • https://developer.android.com/codelabs/jetpack-compose- layouts#3