You are on page 1of 4

Ctrl + space  shows command

Material app ve cupertino app, cupertino app daha çok ios içindir.

Run app projeyi başlatıyor. Geri kalan şema materialapp içerisinde çiziliyor.

Stless – pratik yol

İmport “m”  import 'package:flutter/material.dart'; bunu verir

Scaffold  yapının iskelete çevrilmesi

Stateless widget  herhangi bir data eklenmesi yapmıycam sadece izlemelik


gibi

Build methodlarımız içerisinde componentleri geliştirizi. Her widgetın bir build


widgetı vardır

Eğer widgetın başına _ getirirsek class CustomContainer extends


StatelessWidget {

Yerine

class _CustomContainer extends StatelessWidget {

o zaman widgetımız private olur!!!!

Extract widget için  sağ click -> refactor -> extract flutter widget

Ctrl + Q  widgetla ilgili bilgileri öğrenebilirsin. Hangi parametreleri


özellikleri aldığını vs
SizedBox ile de boşluk oluşturulabilir ama doğru kullanım her zaman
paddingdir.
Card componenti önde durur. Normal bir containerdan ziyade hoş durur.
İçerisinde hali hazırda margin vardır. Margin de edgeinsets alır .

İmage arkasına error builder koyarız. Eğer internetten aldığımız foto silinirse
kötü bir görüntü oluşmasın diye.

Core vs product 

Core her yerde kullanılır copy paste edersin , ama product projeye özgüdür copy
paste edemezsin. 7

Container ve sized box layout component.

Expanded row ve columnlar için kullanılır. Grid mantığıyla aynı hemen hemen
Flex girerek yüzde veriyoruz

Spacer  expanded gibi ama boşluk verir


Mainaxisalignment  aynısı wpf tasarımında da vardı you know it .
Mainaxisalignment : mainaxisalignment.center gibi

Crossaxissalignment da var bur da rowun hangi tarafından üstünden mi altından


mı başlamasıyla alakalı bir durum. End rowun en altı gibi gibi

Eğer expandedların olduğu bir yerde container verdin ve containera bir height
atarsan bu durumda conteinerın dışında kalan alanları expanded flexlere göre
böler. Future görürsek asenkron.

Firebase initiliaze etmenin elegant yöntemi var. Another way to start firebase is
FutureBuilding.
Bir UIda üst üste binme varsa orada stack kullanılır! First in first out burda da
var! Son verilen özellik her zaman ilk verilenin önünde olur!
Stack componentleri positioned

Statefull widget kullanacaksam bir hayat yöneticem


Stateless widgeta tıklayıp convert to statefull yapabiliriz. Satefull klasın ilk
kısmı sadece data alan bir kısımdır. Yani stateless gibidir. 2 kısım önemlidir.

Page view swipeable componentin en easiest wayi .

Page view controller alır. Önemli olan kısmı burası Page viewe button koyarak
oraya buraya kaydırma daha doğru bir kullanımdır.

Dispose componentleri öldürür. Sayfa bittikten sonra

Label text ve hint text  Text fieldın özellikleri

Async ve await kullanma sebebimiz öncelikle firebasenin initiliaze olmasını


istememizdir.

Data  key:value şeklinde tutulur.


Koleksiyon  birbirini benzer dökümanların iç içe tutulduğu çekildiği
okunduğu klasörler

Get komutu ile birinden querysnapshot


Diğeri documentsnapshot verir. Nedir DocumentSnapshot ? Postaneye gittin bir
yerden bir yere ne yollayacaksanız yollayın belli bir standart ve ya zarfın içine
koymalısın, bu yüzden verilerimizi de get methoduyla yolla dediğimizde önce
bunu map hale getirmeli sonra da document snapshot isminde bir zarfa koyuyor.
Map yollamıyor json yollamıyor bunu yapıyor. Yani documentsnapshopttan
veriyi çıkartmamızz gerekiyor. Blabla.data diyerek veriyi zarftan çıkarıyoruz.

ListView.builder dikey olarak çalışır.Dikeyde sonsuz alan kaplamaya çalışır. Bu


nedenle çalıştığında error alırız. Ama flexible widgetla sararsak sorun
olmayacaktır.

TextEditingController kullanma sebebimiz nedir ?

Set methodu ile hem güncelleme yapılır hem de yeni veri eklenebilir.

Update methodu da var tabii .

https://flutterflow.io/ UI TASARLAMANIN EN KOLAY YOLU (FRONT


END)

You might also like