◈widgetustasıBLOKLARLA TASARLA
Otomatik kayıt
TASARIM SENİN ELİNDE

Tıkla, ekle, tasarla.

Bir blok seç. Telefona ekle. Kendi uygulamanı oluştur.

① Blok ekle→② Yerini seç→③ Ekranda dene
●Senin uygulaman
Soldan Row seçerek başla.
Sonra içine bir Container ekle.
Telefon boyutu360 px

Kutular şu an sabit boyutta. MediaQuery’yi açıp farkı gör.

Önce satır, sonra senin fikrin.

  1. Row’a bas: telefonda mavi bir satır oluşur.
  2. Column’a bas: satırın içine mor bir sütun gelir. Tekrar basınca aynı satıra ikinci sütun eklenir.
  3. Sütunu seç, Container’a bas: o sütunun içine bir kutu eklenir. Kutuyu seçip rengini ve boyutunu değiştir.
  4. MediaQuery’yi aç: kutulara ekran ölçüsünü kullanan boyut hesabı uygulanır. Yazı için yer kalmazsa satır alt alta geçer; butonlar alana sığar. Telefonu büyütüp küçült.
  5. SafeArea’yı aç: içerik güvenli alana alınır ve çentik bölgesi önizlemede maskelenir.

Blokları bir alana sürükleyerek de ekleyebilirsin. “Önizle” düğmesi tasarım çizgilerini kaldırır.

Bu bir eğitim canlandırmasıdır; Dart çalıştırmaz. Gerçek cihazda SafeArea çentiği kaldırmaz, içeriği ondan uzaklaştırır. MediaQuery düğmesi, boyut hesaplarını senin yerine uygular.