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] - অনুভূমিক দ্বারা componet এর প্রান্তিককরণ;
• 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] - অনুভূমিক দ্বারা componet এর প্রান্তিককরণ;
• 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] - অনুভূমিক দ্বারা componet এর প্রান্তিককরণ;
• Alignment vertica l [enum] - উল্লম্ব দ্বারা উপাদানের প্রান্তিককরণ;
• Margin [string] - উপাদানের মার্জিন;
• Padding [string] - উপাদান এর প্যাডিং;
• Border [string] - উপাদানের সীমানা;
• Border radius [string] - উপাদানের সীমানা ব্যাসার্ধ;
• Background color [string] - উপাদানটির পটভূমির রঙ;
• Visible [boolean] - উপাদান দৃশ্যমান অবস্থা।

ব্যবহারের উদাহরণ

একটি ধারক উপাদান গ্রুপ করতে ব্যবহার করা যেতে পারে. উদাহরণস্বরূপ, বিভিন্ন ইনপুট ক্ষেত্র থেকে একটি ফর্ম একত্রিত করতে: