$30 off During Our Annual Pro Sale. View Details »

JetpackCompose Slot APIs

Avatar for mitohato14 mitohato14
June 27, 2021
0
960

JetpackCompose Slot APIs

Avatar for mitohato14

mitohato14

June 27, 2021
Tweet

More Decks by mitohato14

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

Featured

See All Featured
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
Claude Code のすすめ
Avatar for schroneko schroneko
65
200k
How to make the Groovebox
Avatar for あそなす asonas
2
1.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
61
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
100
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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