Sellami_nabil Profile Banner
Sellami Nabil 🇲🇦 Profile
Sellami Nabil 🇲🇦

@Sellami_nabil

Followers
837
Following
12K
Media
541
Statuses
3K

Building sleek UIs with #JetpackCompose | Sharing daily Kotlin snippets & UI Challenges 🚀

Joined January 2016
Don't wanna be here? Send us removal request.
@Sellami_nabil
Sellami Nabil 🇲🇦
4 hours
Keep pushing
1
0
1
@Sellami_nabil
Sellami Nabil 🇲🇦
4 hours
Coding night begins
1
1
3
@Sellami_nabil
Sellami Nabil 🇲🇦
5 hours
I see this
0
0
2
@Sellami_nabil
Sellami Nabil 🇲🇦
5 hours
The rock
@theviralrock
a rock
14 hours
Can this rock become the most viral tweet on X?
0
0
2
@Sellami_nabil
Sellami Nabil 🇲🇦
10 hours
Pretty optimistic. It would be a new chapter in humanity 🙂
@elonmusk
Elon Musk
11 hours
Civilization on the Moon!
0
0
2
@Sellami_nabil
Sellami Nabil 🇲🇦
12 hours
Lunch time Happy meal 😋
2
0
5
@Sellami_nabil
Sellami Nabil 🇲🇦
15 hours
Coding time again. Keep completing small tasks, step by step
1
0
3
@Sellami_nabil
Sellami Nabil 🇲🇦
20 hours
Good morning
1
0
0
@Sellami_nabil
Sellami Nabil 🇲🇦
1 day
Good night
0
0
2
@Sellami_nabil
Sellami Nabil 🇲🇦
1 day
Struggling with bugs
3
0
4
@Sellami_nabil
Sellami Nabil 🇲🇦
1 day
Coding time
2
0
5
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
Good morning
3
0
5
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#17: Surface - Material Container Surface is a fundamental Material Design container. It provides elevation, shapes, and clipping. ```kotlin @Composable fun CardLikeSurface() { Surface( modifier = Modifier.padding(16.dp), elevation = 4.dp, shape =
0
0
3
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#16: Basic Alignment in Row & Column Control child positioning within Row and Column using the horizontalAlignment and verticalArrangement parameters. ```kotlin @Composable fun CenteredColumn() { Column( horizontalAlignment = Alignment.CenterHorizontally,
0
0
3
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#15: Spacer - Adding Empty Space Use Spacer to push composables apart within a Row or Column by adding flexible empty space. ```kotlin @Composable fun SpacedRow() { Row { Text("Start") Spacer(modifier = Modifier.weight(1f)) // Takes all available space
0
0
0
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#14: LazyColumn - Efficient Lists LazyColumn renders only the visible items in a scrollable column, making it efficient for long lists. ```kotlin @Composable fun NumberList() { LazyColumn { items(100) { index -> // Generates 100 items Text(
0
0
0
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#13: Icons - Material Icons Compose includes the Material Icons library. Use the Icon composable to display them. ```kotlin @Composable fun IconExample() { Icon( imageVector = Icons.Filled.Favorite, contentDescription = "Favorite icon", tint =
0
0
0
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#12: Buttons - Click Actions Button provides a clickable Material Design button. Handle clicks with the onClick lambda. ```kotlin @Composable fun ActionButton() { Button( onClick = { /* Perform an action here */ println("Button clicked!") },
0
0
0
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
#11: TextField - Basic Input TextField is the primary widget for user text input. It requires state to hold its value. ```kotlin @Composable fun SimpleTextField() { val textState = remember { mutableStateOf("") } TextField( value = textState.value,
0
0
0
@Sellami_nabil
Sellami Nabil 🇲🇦
2 days
Coding time, It's time again to fix the bugs.
1
0
1