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
