Jetpack Compose, Android • 15 Mei 2024
Jetpack Compose - Composable
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 |