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

JetpackCompose Slot APIs

Avatar for mitohato14 mitohato14
June 27, 2021
0
950

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
42
兎に角、コードレビュー
Avatar for mitohato14 mitohato14
1
290
CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
Avatar for mitohato14 mitohato14
4
2.6k
アプリの復旧を早くしたい！
Avatar for mitohato14 mitohato14
1
120
事業開発とコミュニティ活動
Avatar for mitohato14 mitohato14
0
54
プレビューファースト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
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.2k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.3k
Side Projects
Avatar for Sacha Greif sachag
455
43k

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