Header Ekleme

Header elementini uygulamanız içerisine eklemeniz oldukça kolay. Header elementini eklemek için aşağıdaki adımları izlemeniz gerekmektedir:

  1. UI Design modülünde, sol taraftaki Elements panelini açın.
  2. Elements paneli içerisinde Container kategorisi içerisinden Header'ı seçin.
  3. Header elementini ekrana sürükleyin ve bırakın.
  4. Header elementini Properties paneli içerisinden özelleştirebilirsiniz.
  5. Header elementini ekranda boş bir alana sürükleseniz de ekranın üst kenarına sabitlenerek kalacaktır. Uzun ekran tasarımlarında da yine ekran kaydırıldığında da yine üst kenara sabit kalacaktır.

Header elementi bir ekran içerisinde sadece bir kere kullanılabilir.

Geliştirdiğiniz ekranın menü, ekran adı, bildirimler, kullanıcı profili gibi elemanları barındırdığı için Header elementi içine öncelikle bir Row elementi ekleyerek başlayın. Ancak bir Column içine sürükleyebilecek birçok elementi ekleyebilirsiniz. Temel anlamda Header elementi içine çoğunlukla sürüklenerek bırakılan elementler;

  • Row
  • Icon
  • Input Elements (TextInput…)
  • Image
  • Content Menu