Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JetpackCompose Slot APIs
Search
mitohato14
June 27, 2021
0
660
JetpackCompose Slot APIs
mitohato14
June 27, 2021
Tweet
Share
More Decks by mitohato14
See All by mitohato14
事業開発とコミュニティ活動
mitohato14
0
26
プレビューファーストUI開発
mitohato14
1
420
新米テックリードの試行錯誤.pdf
mitohato14
0
370
Start Jetpack Compose.pdf
mitohato14
0
350
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
370
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Side Projects
sachag
452
42k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Building Applications with DynamoDB
mza
90
6.1k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Into the Great Unknown - MozCon
thekraken
32
1.5k
Why Our Code Smells
bkeepers
PRO
334
57k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Making Projects Easy
brettharned
115
5.9k
Transcript
Slot APIs in Jetpack Compose mito
Slot APIs • Composableͷ্ʹΧελϚΠζͷϨΠϠΛద༻͢Δύλʔϯ • ݟͨΛΧελϚΠζ͘͢͠ͳΔ • ࡉ͔͍ΧελϚΠζ༻ͷҾΛՃ͠ͳͯ͘ྑ͘ͳΔ • ϚςϦΞϧίϯϙʔωϯτͷComposableͰଟ༻͞Ε͍ͯΔ
ʹComposableΛͯΊΔ͜ͱ͕Ͱ͖ΔΠϝʔδ
TopAppBar composable https://developer.android.com/jetpack/compose/layout#slot-based-layouts
TopAppBar composable https://developer.android.com/jetpack/compose/layout#slot-based-layouts Slot Slot Slot
TopAppBar composable
TopAppBar composable
TopAppBar composable navigationIcon title actions
Usage
Usage
Other… • Scaffold • BottomAppBar • Button/IconButton • more…
Sca ff old
None
None
Sca ff old
Sca ff old
Conclusion • ComposableͷݟͨΛΧελϚΠζ͘͢͠ͳΔ • ఏڙ͞ΕͯΔComposableͷଟ͘ͰSlot͕༻ҙ͞Ε͍ͯΔ • ࣗ࡞ͷڞ௨ComposableͰSlot༻ҙ͢Δͱ٢
Reference • https://developer.android.com/jetpack/compose/layout#slot- based-layouts • https://developer.android.com/codelabs/jetpack-compose- layouts#3