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

JetpackCompose Slot APIs

mitohato14
June 27, 2021
0
560

JetpackCompose Slot APIs

mitohato14

June 27, 2021
Tweet

More Decks by mitohato14

See All by mitohato14
プレビューファーストUI開発
mitohato14
1
340
新米テックリードの試行錯誤.pdf
mitohato14
0
310
Start Jetpack Compose.pdf
mitohato14
0
330

Featured

See All Featured
Building Adaptive Systems
keathley
31
1.9k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
BBQ
matthewcrist
80
8.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
Ruby is Unlike a Banana
tanoku
96
10k
Become a Pro
speakerdeck
PRO
11
4.5k
Adopting Sorbet at Scale
ufuk
68
8.6k
For a Future-Friendly Web
brad_frost
172
9k

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