Jetpack Compose Academy · Ders

Padding, Boyut ve fillMaxWidth

Bir Composable'ın içindeki ve çevresindeki alanı denetleyin.

Padding, Boyut ve fillMaxWidth, CoddyKit'te ücretsiz bir Jetpack Compose Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Jetpack Compose Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Meet the Modifier

A Modifier is how you adjust a Composable: its size, spacing, and decoration. You chain calls onto it, one tweak at a time. 🧩

Pass It In

Almost every Composable takes a modifier parameter. You pass it as the first thing to change about that element.

Text(
  text = "Hi",
  modifier = Modifier
)

Add Some Padding

Use padding to add empty space around a Composable. It pushes everything else away, giving your element room to breathe.

Text(
  "Hi",
  modifier = Modifier.padding(16.dp)
)

The dp Unit

Sizes use dp, density-independent pixels. They look the same on every screen, so 16.dp is consistent across phones and tablets.

Padding Per Side

You can pad each side differently. Pass horizontal and vertical, or name individual sides like start and top.

Modifier.padding(
  horizontal = 16.dp,
  vertical = 8.dp
)

Set a Fixed Size

Use size to give a Composable an exact width and height. One value makes it square; two values set each dimension.

Modifier.size(width = 120.dp, height = 48.dp)

Width and Height Alone

Need only one dimension? Use width or height on their own and let the other side wrap its content naturally.

Modifier.height(56.dp)

Fill the Width

fillMaxWidth stretches a Composable to take up all the horizontal space its parent offers. Great for full-width buttons and rows.

Modifier.fillMaxWidth()

Fill a Fraction

Pass a fraction to fill only part of the space. fillMaxWidth(0.5f) takes half the available width instead of all of it.

Modifier.fillMaxWidth(0.5f)

Fill Everything

Use fillMaxSize to expand in both directions at once. It is the shortcut for filling width and height together.

Modifier.fillMaxSize()

Chain Them Together

The real power is chaining: stack padding, size, and fill in one fluent call to shape an element exactly how you want.

Modifier
  .fillMaxWidth()
  .padding(16.dp)

Quick Check

Which modifier stretches a Composable across all the horizontal space its parent gives?

Recap

You learned to space, size, and stretch any Composable. padding adds room, size sets exact bounds, and fillMaxWidth grows to fit. ✨

Sıkça Sorulan Sorular

“Padding, Boyut ve fillMaxWidth” dersi ücretsiz mi?

Evet — “Padding, Boyut ve fillMaxWidth” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Jetpack Compose Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Jetpack Compose Academy kursu toplamda 4 dersten oluşur.

“Padding, Boyut ve fillMaxWidth” dersinde ne öğreneceğim?

Bir Composable'ın içindeki ve çevresindeki alanı denetleyin. Jetpack Compose Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Jetpack Compose Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Jetpack Compose Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Padding, Boyut ve fillMaxWidth” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Jetpack Compose Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Jetpack Compose Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Jetpack Compose Academy Sayfasına Dön