Container

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.

İş 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: