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] - घटक दृश्यता स्थिति।

उपयोग उदाहरण

तत्वों को समूहित करने के लिए एक कंटेनर का उपयोग किया जा सकता है। उदाहरण के लिए, कई अलग-अलग इनपुट फ़ील्ड से एक फॉर्म को इकट्ठा करने के लिए: