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

JetpackCompose Slot APIs

Avatar for mitohato14 mitohato14
June 27, 2021
1.1k
0

JetpackCompose Slot APIs

Avatar for mitohato14

mitohato14

June 27, 2021

More Decks by mitohato14

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

Featured

See All Featured
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
300
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
240
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
330
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
49

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