Container

إعدادات الشكل والمظهر:

Name (إلزامي) - اسم المكون.

Direction (إلزامي) - كيفية ترتيب العناصر داخل الحاوية ، عموديًا أو أفقيًا. يكون الوضع الأفقي افتراضيًا.

Wrap (إلزامي) - التفاف المحتوى عندما يتجاوز حدود الحاوية. Nowrap افتراضيًا

Alignment (إلزامية) - محاذاة العناصر في الحاوية. ابدأ افتراضيًا.

Sizes (إلزامية) - أبعاد الحاوية. بالبكسل أو النسبة المئوية. العرض 100٪ بشكل افتراضي

Max Width (إلزامي) - الحد الأقصى لعرض الحاوية بالبكسل أو النسبة المئوية. 100٪ افتراضيا.

Margin (إلزامي) - المسافة البادئة الخارجية. 0 افتراضيًا.

Padding (إلزامي) - المسافة البادئة الداخلية. 0 افتراضيًا صورة أو تدرج أو تراكب (ليس إلزاميًا) - للخلفية.

Background color (غير إلزامي) - اللون الأساسي للخلفية.

Border (غير إلزامي) - إعدادات حدود المكون.

Visible (إلزامي) - يجعل المكون مرئيًا إذا تم تشغيله. يتم التمكين افتراضيًا.

مشغلات سير العمل:

• onCreate - يتم إطلاقه عند إنشاء العنصر على الصفحة ؛
• onShow - يتم إطلاقه عندما يغير المكون حالته إلى مرئي (معروض على الصفحة) ؛
• onHide - يتم إطلاقه عندما يغير المكون حالته إلى مخفي (يتوقف العرض) ؛
• onDestroy - حرائق عند تدمير المكون ؛
• onClick - يتم إطلاقه عند النقر فوق المكون.

إجراءات المكونات:

Container get properties

يحصل على خصائص الحاوية.

معلمات الإدخال :

• Component Id [string] - معرف مكون الحاوية.

معلمات الإخراج :

• Width [string] - عرض المكونات ؛
• Height [string] - ارتفاع المكونات ؛
• Flex direction [enum] - اتجاه المكونات ؛
• Wrap [enum] - التفاف المكونات ؛
• Alignment horizontal [enum] - محاذاة المكونات أفقيًا ؛
• Alignment vertical [enum] - محاذاة المكون حسب الرأسي ؛
• Margin [string] - هامش المكون ؛
• Padding [string] - حشوة المكون ؛
• Border [string] - حدود المكون ؛
• Background color [string] - لون خلفية المكون ؛
• Visible [boolean] - حالة رؤية المكون.

Container set properties

يحصل على خصائص الحاوية.

معلمات الإدخال :

• معرف المكون [سلسلة] - معرف مكون الحاوية.

معلمات الإخراج :

• Width [string] - عرض المكونات ؛
• Height [string] - ارتفاع المكونات ؛
• Flex direction [enum] - اتجاه المكونات ؛
• Wrap [enum] - التفاف المكونات ؛
• Alignment horizontal [enum] - محاذاة المكونات أفقيًا ؛
• Alignment vertical [enum] - محاذاة المكون حسب الرأسي ؛
• Margin [string] - هامش المكون ؛
• Padding [string] - حشوة المكون ؛
• Border [string] - حدود المكون ؛
• Background color [string] - لون خلفية المكون ؛
• Visible [boolean] - حالة رؤية المكون.

Container update properties

تحديث خصائص الحاوية

معلمات الإدخال :

• Component Id [string] - معرف مكون الحاوية ؛
• Width [string] - عرض المكونات ؛
• Height [string] - ارتفاع المكونات ؛
• Flex direction [enum] - اتجاه المكونات ؛
• Wrap [enum] - التفاف المكونات ؛
• Alignment horizontal [enum] - محاذاة المكونات أفقيًا ؛
• Alignment vertica l [enum] - محاذاة المكون حسب الرأسي ؛
• Margin [string] - هامش المكون ؛
• Padding [string] - حشوة المكون ؛
• Border [string] - حدود المكون ؛
• Border radius [string] - نصف قطر حدود المكون ؛
• Background color [string] - لون خلفية المكون ؛
• Visible [boolean] - حالة رؤية المكون.

مثال على الاستخدام

يمكن استخدام الحاوية لتجميع العناصر. على سبيل المثال ، لتجميع نموذج من عدة حقول إدخال مختلفة: