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
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k

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