Jetpack Compose - Composable

The Ngoding

Kita sudah sedikit membahas tetang apa itu jetpack compose Dan tool tool yang akan kita gun akan kedepannya untuk membuat aplikasi dengan compose, selanjutnya kita akan membahas satu persatu Composable/component yang sering digunakan dalam membuat aplikasi dengan compose. Berikut adalah beberapa Composable/component yang biasa digunakan dalam pembuatan aplikasi dengan compose.

NOTE: Apapbila ada informasi yang bukan merukana composable, maka kami sangat dengan senang hati menerima masukan dari anda

Jenis Text

NO COMPOSABLE LINK STATUS
1 Text LINK Ready
2 BasicText LINK Ready
3 ClickableText LINK Ready
4 AnnotatedString LINK Ready
5 InlineTextContent LINK Ready
6 TextField LINK Ready
7 OutlinedTextField LINK Ready
8 BasicTextField LINK Ready
9 TextInputService LINK Ready

Jenis Layout

NO COMPOSABLE LINK STATUS
1 Column LINK Ready
2 Row LINK Ready
3 Box LINK Ready
4 ConstraintLayout LINK Ready
5 Scaffold LINK Ready
6 LazyColumn LINK Ready
7 LazyRow LINK Ready
8 LazyVerticalGrid LINK Ready
9 LazyHorizontalGrid LINK Ready
10 FlowRow LINK Ready
11 FlowColumn LINK Ready
12 BoxWithConstraints LINK Ready
13 Layout LINK Ready
14 SubcomposeLayout LINK Ready

Jenis Tombol

NO COMPOSABLE LINK STATUS
1 Button LINK Ready
2 OutlinedButton LINK Ready
3 TextButton LINK Ready
4 IconButton LINK Ready
5 FloatingActionButton LINK Ready
6 ExtendedFloatingActionButton LINK Ready
7 RadioButton LINK Ready
8 ToggleButton LINK Ready
9 IconToggleButton LINK Ready
10 Switch LINK Ready

Jenis Dialog

NO COMPOSABLE LINK STATUS
1 AlertDialog LINK Ready
2 Dialog LINK Ready
3 DatePickerDialog LINK Ready
4 TimePickerDialog LINK Ready
5 Popup LINK Ready

Jenis Pesan UI/Notifikasi

NO COMPOSABLE LINK STATUS
1 Snackbar LINK Ready
2 Toast LINK Ready
3 Dialog LINK Ready
4 Tooltip LINK Ready
5 Notification LINK Ready

Jenis TAB

NO COMPOSABLE LINK STATUS
1 TabRow LINK Ready
2 ScrollableTabRow LINK Ready
3 Tab LINK Ready
4 LeadingIconTab LINK Ready

Jenis Image

NO COMPOSABLE LINK STATUS
1 Image LINK Ready
2 Icon LINK Ready
3 Painter LINK Ready
4 VectorPainter LINK Ready
5 ImageVector LINK Ready

Jenis Loading

NO COMPOSABLE LINK STATUS
1 CircularProgressIndicator LINK Ready
2 LinearProgressIndicator LINK Ready

Jenis Input

NO COMPOSABLE LINK STATUS
1 TextField LINK Ready
2 OutlinedTextField LINK Ready
3 Checkbox LINK Ready
4 RadioButton LINK Ready
5 Switch LINK Ready
6 Slider LINK Ready
7 DropdownMenu LINK Ready

Jenis Navigation

NO COMPOSABLE LINK STATUS
1 BottomNavigation LINK Ready
2 TopAppBar LINK Ready
3 NavigationDrawer LINK Ready
4 NavHost LINK Ready
5 NavGraph LINK Ready
6 BottomAppBar LINK Ready

Jenis List

NO COMPOSABLE LINK STATUS
1 LazyColumn LINK Ready
2 LazyRow LINK Ready
3 LazyVerticalGrid LINK Ready
4 LazyHorizontalGrid LINK Ready

Jenis Card

NO COMPOSABLE LINK STATUS
1 Card LINK Ready
2 ElevatedCard LINK Ready
3 OutlinedCard LINK Ready

Jenis Surface

NO COMPOSABLE LINK STATUS
1 Surface LINK Ready
2 Column LINK Ready
3 Row LINK Ready
4 Box LINK Ready

Jenis Scaffold

NO COMPOSABLE LINK STATUS
1 Scaffold LINK Ready
2 TopAppBar LINK Ready
3 BottomAppBar LINK Ready
4 Drawer LINK Ready

Jenis Shape

NO COMPOSABLE LINK STATUS
1 CircleShape LINK Ready
2 RoundedCornerShape LINK Ready
3 CutCornerShape LINK Ready

Jenis Divider

NO COMPOSABLE LINK STATUS
1 Divider LINK Ready
2 HorizontalDivider LINK Ready
3 VerticalDivider LINK Ready

Jenis Badge

NO COMPOSABLE LINK STATUS
1 Badge LINK Ready
2 BadgeBox LINK Ready

Jenis ConstraintLayout

NO COMPOSABLE LINK STATUS
1 ConstraintLayout LINK Ready
2 ConstraintSet LINK Ready

✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi’i

Previous Post Next Post

13 Alasan Jetpack Compose Lebih Baik untuk Pengembangan Aplikasi Android

Cong Fandi

Jetpack Compose - Surface

Cong Fandi

Jetpack Compose - CutCornerShape

Cong Fandi

Jetpack Compose - RoundedCornerShape

Cong Fandi

Jetpack Compose - CircleShape

Cong Fandi

Video

The Ngoding

Categories