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

JetpackCompose Slot APIs

Avatar for mitohato14 mitohato14
June 27, 2021
0
850

JetpackCompose Slot APIs

Avatar for mitohato14

mitohato14

June 27, 2021
Tweet

More Decks by mitohato14

See All by mitohato14
CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
Avatar for mitohato14 mitohato14
2
1.1k
アプリの復旧を早くしたい！
Avatar for mitohato14 mitohato14
0
110
事業開発とコミュニティ活動
Avatar for mitohato14 mitohato14
0
46
プレビューファーストUI開発
Avatar for mitohato14 mitohato14
1
460
新米テックリードの試行錯誤.pdf
Avatar for mitohato14 mitohato14
0
500
Start Jetpack Compose.pdf
Avatar for mitohato14 mitohato14
0
370

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
990
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.1k

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