Container

Kopyalamak için tıklayın

Öğeleri gruplamak için kullanılır


Bak ve Hisset Ayarları:

Name (zorunlu) - bileşenin adı.

Direction (zorunlu) - öğelerin kabın içinde dikey veya yatay olarak nasıl düzenlendiği. Yatay varsayılan olmalıdır.

Wrap (zorunlu) - kapsayıcının sınırlarını aştığında içeriği sarma. Varsayılan olarak Nowrap

Alignment (zorunlu) - bir kaptaki öğelerin hizalanması. Varsayılan olarak başlayın.

Sizes (zorunlu) - kap boyutları. Piksel veya yüzde olarak. Varsayılan olarak genişlik %100

Max Width (zorunlu) - piksel veya yüzde olarak maksimum kap genişliği. Varsayılan olarak %100.

Margin (zorunlu) - dış girinti. 0 varsayılan olarak.

Padding (zorunlu) - iç girinti. 0 varsayılan olarak Görüntü, Degrade veya Kaplama (zorunlu değil) - arka plan için.

Background color (zorunlu değil) - arka plan için ana renk.

Border (zorunlu değil) - bileşen kenarlık ayarları.

Visible (zorunlu) - açıksa bileşeni görünür kılar. Varsayılan olarak etkindir.

Container Settings


İş akışı tetikleyicileri:

  • onCreate – öğe sayfada oluşturulduğunda tetiklenir;
  • onShow – bileşen durumunu görünür (sayfada görüntülenir) olarak değiştirdiğinde tetiklenir;
  • onHide – bileşen durumunu gizli olarak değiştirdiğinde tetiklenir (görüntülenmeyi durdurur);
  • onDestroy – bileşen yok edildiğinde tetiklenir;
  • onClick - bileşen tıklandığında tetiklenir.



Bileşen Eylemleri:

Container get properties

Kapsayıcının özelliklerini alır.

Giriş parametreleri:

  • Component Id [string] - kapsayıcı bileşeninin tanımlayıcısı.

Çıkış parametreleri:

  • Width [string] - bileşenlerin genişliği;
  • Height [string] - bileşenlerin yüksekliği;
  • Flex direction [enum] - bileşenlerin yönü;
  • Wrap [enum] - bileşenlerin sarmalanması;
  • Alignment horizontal [enum] - bileşenin yatay olarak hizalanması;
  • Alignment vertical [enum] - bileşenin dikey olarak hizalanması;
  • Margin [string] - bileşenin marjı;
  • Padding [string] - bileşenin dolgusu;
  • Border [string] - bileşenin sınırı;
  • Background color [string] - bileşenin arka plan rengi;
  • Visible [boolean] - bileşen görünürlük durumu.


Container set properties

Kapsayıcının özelliklerini alır.

Giriş parametreleri:

  • Bileşen Kimliği [dize] - kapsayıcı bileşeninin tanımlayıcısı.

Çıkış parametreleri:

  • Width [string] - bileşenlerin genişliği;
  • Height [string] - bileşenlerin yüksekliği;
  • Flex direction [enum] - bileşenlerin yönü;
  • Wrap [enum] - bileşenlerin sarmalanması;
  • Alignment horizontal [enum] - bileşenin yatay olarak hizalanması;
  • Alignment vertical [enum] - bileşenin dikey olarak hizalanması;
  • Margin [string] - bileşenin marjı;
  • Padding [string] - bileşenin dolgusu;
  • Border [string] - bileşenin sınırı;
  • Background color [string] - bileşenin arka plan rengi;
  • Visible [boolean] - bileşen görünürlük durumu.


Container update properties

Kapsayıcının özelliklerini güncelleyin

Giriş parametreleri:

  • Component Id [string] - kapsayıcı bileşeninin tanımlayıcısı;
  • Width [string] - bileşenlerin genişliği;
  • Height [string] - bileşenlerin yüksekliği;
  • Flex direction [enum] - bileşenlerin yönü;
  • Wrap [enum] - bileşenlerin sarmalanması;
  • Alignment horizontal [enum] - bileşenin yatay olarak hizalanması;
  • Alignment vertica l [enum] - bileşenin dikey olarak hizalanması;
  • Margin [string] - bileşenin marjı;
  • Padding [string] - bileşenin dolgusu;
  • Border [string] - bileşenin sınırı;
  • Border radius [string] - bileşenin sınır yarıçapı;
  • Background color [string] - bileşenin arka plan rengi;
  • Visible [boolean] - bileşen görünürlük durumu.



kullanım örneği

Öğeleri gruplamak için bir kap kullanılabilir. Örneğin, birkaç farklı giriş alanından bir form birleştirmek için:

example use containers