ويدجات Flutter

فهرس عناصر Flutter

هذه قائمة مرتبة أبجدياً لجميع عناصر الواجهة المستخدم تقريبًا مع Flutter. ويمكنك أيضا تصفح الحاجيات حسب الفئة.

قد ترغب أيضًا في الاطلاع على سلسلة مقاطع الفيديو Widget of the Week في قناة Flutter على YouTube. كل حلقة قصيرة تحتوي على أداة Flutter مختلفة. للمزيد من سلسلة الفيديو، انظر صفحة الفيديو الخاصة بنا.

العنصر من قائمة التشغيل الأسبوعية

Align

عنصر واجهة مستخدم يقوم بمحاذاة العناصر داخله (طفله) واختيار حجمه نسبتاً لحجم العناصر داخله

الوثائق

AlertDialog

تنبيهات تقوم بمقاطعة عاجلة تتطلب قراراً من المستخدم لموقف ما. تقوم الأداة AlertDialog بتنفيذ هذه المكونات.

الوثائق

AbsorbPointer

عنصر واجهة مستخدم يتلقى المؤشرات أثناء النقر التجريبي. عندما يكون التلقي صحيحًا، فإن عنصر واجهة المستخدم يمنع شجرته الفرعية من تلقي أحداث المؤشر عن طريق إنهاء اختبار الدخول في حد ذاته. لكنها لا تزال تستهلك مساحة أثناء التخطيط وترسم أبناءها كالمعتاد. إنه يمنع أبناءه من أن يكونوا هدفًا للأحداث محددة، لأنه يعيد صح من RenderBox.hitTest.

الوثائق

AnimatedContainer

حاوية تقوم بتغير قيمها تدريجيًا خلال فترة زمنية.

الوثائق

AnimatedBuilder

عنصر واجهة مستخدم لإنشاء الرسوم المتحركة. AnimatedBuilder يمفيد في المتطلبات الأكثر تعقيدًا والتي نرغب في تضمين الرسوم المتحركة كجزء من وظيفة بناءها. لاستخدام AnimatedBuilder ، ما عليك سوى إنشاء عنصر واجهة المستخدم ومرره إلى وظيفة البناءه.

الوثائق

AnimatedAlign

إصدار متحرك من Align يقوم تلقائيًا بنقل موضع العناصر داخله (طفله) خلال مدة معينة و تغيرت المحاذاة المحددة.

الوثائق

AnimatedListState

حالة حاوية التمرير التي تحرك العناصر عند إدراجها أو إزالتها.

الوثائق

AnimatedDefaultTextStyle

إصدار متحرك من DefaultTextStyle يقوم تلقائيًا بتحويل نمط النص الافتراضي (النمط الذي يتم تطبيقه على النص في حال لم يتم تحديد نمط واضح) خلال مدة معينة بتغير النمط المحدد.

الوثائق

AnimatedCrossFade

عنصر واجهة مستخدم يتلاشى بين عنصرين ضمنه (طفلين) محددين ويغير نفسه بين حجمهما.

الوثائق

AnimatedPhysicalModel

نسخة متحركة من PhysicalModel.

الوثائق

.

AnimatedOpacity

هي إصدار متحرك من خاصية (التعتيم والشفافية) يقوم تلقائيًا بنقل درجة عتامة العناصر ضمنه (طفله) خلال مدة معينة بتغير التعتيم المحدد

الوثائق

AnimatedModalBarrier

عنصر واجهة مستخدم يمنع المستخدم من التفاعل مع عناصر واجهة المستخدم الموجودة خلفه.

الوثائق

AnimatedWidget

عنصر واجهة مستخدم يعيد البناء عندما تغيير قيمة given Listenable

الوثائق

AnimatedSize

عنصر واجهة مستخدم يقوم بتغير حجمه خلال مدة معينة كلما تغير حجم الطفل الموضوع ضمنه

الوثائق

AnimatedPositioned

إصدار متحرك من Positioned والذي يقوم تلقائيًا بنقل موضع الطفل خلال مدة معينة كلما تغير الموضع المحدد.

الوثائق

AspectRatio

عنصر واجهة مستخدم يحاول تغيير حجم العناصر ضمنه (طفله) بنسبة عرض إلى ارتفاع محددة.

الوثائق

Appbar

شريط التطبيق المصمم بالأبعاد متعددة. يتكون شريط التطبيق من شريط أدوات ومن المحتمل أن تكون هناك عناصر واجهة مستخدم أخرى، مثل TabBar وFlexibleSpaceBar.

الوثائق

AnimatedWidgetBaseState

فئة أساسية لأدوات الرسوم المتحركة المضمنة.

الوثائق

BackdropFilter

عنصر واجهة مستخدم يقوم بتطبيق مرشح على المحتوى المطلي الموجود ثم يقوم برسم طفل. هذا التأثير مكلف نسبيًا، خاصةً إذا كان المرشح غير محلي، مثل تمويه.

الوثائق

Autocomplete

عنصر واجهة مستخدم لمساعدة المستخدم على الاختيار عن طريق إدخال بعض النصوص والاختيار من بين قائمة الخيارات.

الوثائق

AssetBundle

تحتوي حزم الأصول على الموارد، مثل الصور والسلاسل النصية، التي يمكن أن يستخدمها التطبيق. الوصول إلى هذه الموارد غير متزامن بحيث يمكن تحميلها ببساطة عبر الشبكة الانترنت (على سبيل المثال، من NetworkAssetBundle) أو من نظام الملفات المحلي دون حظر واجهة مستخدم التطبيق.

الوثائق

BottomSheet

توجد أسفل الشاشة للكشف عن المزيد من الخيارات. يمكنك استدعاء showBottomSheet () لتنفيذ ورقة سفلية ثابتة أو showModalBottomSheet () لتنفيذ ورقة سفلية مشروطة

الوثائق

BottomNavigationBar

تسهل أشرطة التنقل السفلية الاستكشاف والتبديل بين عروض الواجهة العلوية بنقرة واحدة. تقوم أداة BottomNavigationBar بتنفيذ هذا المكون.

الوثائق

Baseline

عنصر واجهة مستخدم يضع الطفل وفقًا لخط الأساس للطفل.

الوثائق

Checkbox

مربعات الاختيار تسمح للمستخدم بتحديد خيارات متعددة من مجموعة خيارات. تقوم أداة Checkbox بتنفيذ هذا المكون.

الوثائق

Center

عنصر واجهة يقوم بوضع العنصر الذي ضمنه في مركزه

الوثائق

Card

بطاقة مصممة متعدد الأبعاد. تحتوي البطاقة على زوايا دائرية قليلاً وظل

الوثائق

ClipOval

عنصر الواجهة التي تقطع طفلها باستخدام شكل بيضاوي

الوثائق

CircularProgressIndicator

مؤشر بشكل دائري، يدور للإشارة إلى أن التطبيق مشغول.

الوثائق

Chip

شريحة مصممة. تمثل الرقائق كيانات من كتل صغيرة، مثل جهة اتصال

الوثائق

Column

قم بتخطيط قائمة من عناصر واجهة المستخدم الفرعية في شكل عامودي

الوثائق

ClipRect

عنصر الواجهة التي تقطع طفلها باستخدام مستطيل

الوثائق

ClipPath

عنصر الواجهة التي تقطع طفلها باستخدام مسار

الوثائق

CupertinoActionSheet

قائمة اختيار سفلية نمطية على غرار iOS لاختيار خيار من بين العديد.

الوثائق

Container

أداة ملائمة تجمع بين أدوات الرسم وتحديد المواقع وتغيير الحجم.

الوثائق

ConstrainedBox

أداة تفرض قيودًا إضافية على عنصر الواجهة ضمنه (طفله)

الوثائق

CupertinoButton

زر بنمط ios

الوثائق

CupertinoAlertDialog

مربع حوار تنبيهي بنمط iOS

الوثائق

CupertinoActivityIndicator

مؤشر نشاط على غرار iOS. يعرض “سبينر” دائري

الوثائق

CupertinoDialog

مربع حوار بنمط iOS.

الوثائق

CupertinoDataPicker

لانتقاء التاريخ أو التاريخ والوقت بنمط iOS

الوثائق

CupertinoContextMenu

مسار يقوم بملء الشاشة على غرار iOS يفتح عند الضغط على الطفل لفترة طويلة. تستخدم لعرض الإجراءات ذات الصلة للمحتوى الخاص بك

الوثائق

CupertinoNavigationBar

شريط تنقل علوي بنمط iOS. تستخدم عادة مع CupertinoPageScaffold.

الوثائق

CupertinoFullscreenDialogTransition

يُستخدم لاستدعاء مربعات حوار ملء الشاشة. على غرار iOS

الوثائق

CupertinoDialogAction

زر يستخدم عادة في CupertinoAlertDialog

الوثائق

CupertinoPicker

عنصر تحكم منتقي بنمط iOS. يستخدم لتحديد عنصر في قائمة مختصرة

الوثائق

CupertinoPageTransition

يوفر رسمًا متحركًا لانتقال الصفحة بنمط iOS.

الوثائق

CupertinoPageScaffold

هيكل تخطيط صفحة نمط iOS الأساسي. يضع شريط التنقل والمحتوى على خلفية.

الوثائق

CupertinoSearchTextField

حقل بحث على غرار iOS.

الوثائق

CupertinoScrollbar

شريط تمرير بنمط iOS يشير إلى الجزء المرئي حاليًا من عنصر واجهة مستخدم قابل للتمرير

الوثائق

CupertinoPopupSurface

سطح مستطيل مستدير الزوايا يشبه سطحًا منبثقًا لنظام iOS، مثل مربع حوار تنبيه أو ورقة إجراءات

الوثائق

CupertinoSlidingSegmentedControl

عنصر تحكم مجزأ على غرار iOS-13. يستخدم لتحديد خيارات حصرية متبادلة في قائمة أفقية

الوثائق

CupertinoSlider

يستخدم للاختيار من نطاق القيم.

الوثائق

CupertinoSegmentedControl

عنصر تحكم مجزأ على غرار iOS. يستخدم لتحديد خيارات حصرية متبادلة في قائمة أفقية.

الوثائق

CupertinoTabBar

شريط علامة تبويب سفلي بنمط iOS. تستخدم عادة مع CupertinoTabScaffold.

الوثائق

CupertinoSwitch

مفتاح على غرار iOS. يُستخدم للتبديل بين حالة التشغيل / الإيقاف بحالة وحيدة.

الوثائق

CupertinoSliverNavigationBar

شريط تنقل على غرار iOS مع عناوين كبيرة على غرار iOS-11

الوثائق

CupertinoTextField

حقل نصي بنمط iOS.

الوثائق

CupertinoTabView

جذر علامة التبويب يدعم التنقل الموازي بين علامات التبويب. تستخدم عادة مع CupertinoTabScaffold.

الوثائق

CupertinoTabScaffold

هيكل تطبيق iOS المبوب. يضع شريط علامات التبويب أعلى علامات تبويب للمحتوى

الوثائق

CustomPaint

عنصر واجهة مستخدم يوفر مساحة يمكن الرسم عليه أثناء مرحلة الطلاء

الوثائق

CustomMultiChildLayout

عنصر واجهة مستخدم يستخدم لتغيير حجم العديد من العناصر الفرعية وموضعها.

الوثائق

CupertinoTimerPicker

لضبط العد التنازلي على غرار iOS.

الوثائق

DataTable

تعرض جداول البيانات مجموعات من البيانات الأولية. تظهر عادةً في منتجات الاساسية للمؤسسات. تقوم أداة DataTable بتنفيذ هذا المكون

الوثائق

CustomSingleChildLayout

عنصر واجهة مستخدم يقوم بتأخير تخطيط فرعه الفردي

الوثائق

CustomScrollView

ScrollView

يقوم بإنشاء تأثيرات لتمرير مخصصة باستخدام اجزاء صغيرة

الوثائق

DecoratedBoxTransition

نسخة متحركة من DecoratedBox تحيي الخصائص المختلفة للزخرفة.

الوثائق

DecoratedBox

العنصر الذي يرسم الزخرفة سواء قبل أو بعد تلوين طفلها

الوثائق

Date & Time Pickers

يعرض مختار التاريخ نافذة حوار لتحديد تاريخ واحد على الهاتف المحمول. يعرض منتقي الوقت مربع حوار لتحديد الوقت مرة واحدة (في الساعات: والدقائق) على الهاتف المحمول.

الوثائق

Divider

خط أفقي بسمك بكسل منطقي، مع أطراف على كلا الجانبين

الوثائق

Dismissible

عنصر واجهة يمكن استبعاده عن طريق السحب في الاتجاه المشار إليه. يؤدي سحب أو تحريك هذه الأداة في DismissDirection إلى انزلاق الطفل بعيدًا عن الرؤية. بعد الرسم المتحرك للعنصر، إذا كانت resizeDuration غير خالية، فإن عنصر واجهة المستخدم Dismissible يحرك ارتفاعه (أو عرضه ، أيهما متعامد مع اتجاه الرفض) إلى الصفر على مدى resizeDuration.

الوثائق

DefaultTextStyle

صلاحية تطبيق نمط نص واضح على عنصر الواجهة الذي يكون بدون نمط

الوثائق

DraggableScrollableSheet

حاوية قابلة للتمرير تستجيب لإيماءات السحب عن طريق تغيير حجم التمرير للوصول إلى حد معين، ثم التمرير.

الوثائق

Draggable

عنصر واجهة يمكن سحبه من DragTarget. عندما يتعرف عنصر واجهة مستخدم قابل للسحب على بداية إيماءة السحب، فإنه يعرض أداة ملاحظات تتعقب إصبع المستخدم عبر الشاشة. إذا رفع المستخدم إصبعه أثناء وجوده فوق DragTarget، فسيتم منح هذا الهدف الفرصة لقبول البيانات التي يحملها الجهاز القابل للسحب

الوثائق

DragTarget

عنصر واجهة مستخدم يتلقى البيانات عند إسقاط عنصر واجهة مستخدم قابل للسحب. عندما يتم سحب مادة قابلة للسحب فوق هدف السحب، يتم سؤال هدف السحب عما إذا كان سيقبل البيانات التي تحملها القابلة للسحب. إذا قام المستخدم بإسقاط أداة السحب فوق هدف السحب (وأشار هدف السحب إلى أنه سيقبل بيانات السحب)، فسيُطلب من هدف السحب قبول بيانات السحب.

الوثائق

ElevatedButton

زر مصمم بشكل مرتفع. زر ممتلئ يرتفع عند الضغط عليه.

الوثائق

DropdownButton

يظهر العنصر المحدد حاليًا وسهم بجانبه يقوم بفتح قائمة لاختيار عنصر آخر.

الوثائق

Drawer

لوحة متعددة التصميم تنزلق أفقيًا من حافة الجانبية، لإظهار خيارات التنقل في التطبيقات.

الوثائق

ExpansionPanel

تحتوي اللوحات اعلى تدفقات إنشاء تسمح بالتحرير الخفيف للعنصر. تقوم أداة ExpansionPanel بتنفيذ هذا المكون.

الوثائق

Expanded

عنصر واجهة مستخدم يقوم بتوسيع قسم من صف أو عمود أو فليكس.

الوثائق

ExcludeSemantics

عنصر واجهة مستخدم يسقط كل دلالات أحفاده. يمكن استخدام هذا لإخفاء الحاجيات الفرعية التي كان سيتم الإبلاغ عنها بخلاف ذلك ولكن هذا سيكون مربكًا فقط. على سبيل المثال، تخفي أداة Material Components Chip الصورة الرمزية لأنها زائدة عن الحاجة مع ملصق الشريحة.

الوثائق

FloatingActionButton

زر الإجرائيات العائم هو زر رمزه دائري يحوم فوق المحتوى للقيام بإجراء أساسي في التطبيق. تُستخدم أزرار الإجراءات العائمة بشكل شائع في حقل Scaffold.floatingActionButton

الوثائق

FittedBox

يحدد قياس وموضع الطفل داخله وفقًا لملاءمته.

الوثائق

FadeTransition

عنصر واجهة يقوم بالتظليل

الوثائق

Form

حاوية اختيارية لتجميع عناصر واجهة متعددة لحقول معًا (على سبيل المثال، عناصر واجهة مستخدم TextField).

الوثائق

FlutterLogo

شعار Flutter على شكل عنصر واجهة مستخدم. هذه القطعة خاضعة ل IconTheme.

الوثائق

Flow

عنصر واجهة مستخدم يقوم بتنفيذ خوارزمية تخطيط التدفق.

الوثائق

FractionallySizedBox

عنصر واجهة مستخدم يقوم بتحديد قياس حجم الطفل بجزء صغير من إجمالي المساحة المتاحة. لمزيد من التفاصيل حول خوارزمية التخطيط، راجع RenderFractivelySizedOverflowBox

الوثائق

FractionalTranslation

عنصر واجهة مستخدم يقوم بالترجمة بجزء صغير من حجم المربع قبل إنشاء طفله.

الوثائق

FormField

حقل نموذج وحيد. تحافظ هذه الأداة على الحالة الحالية لحقل النموذج، بحيث تنعكس التحديثات وأخطاء التحقق بشكل مرئي في واجهة المستخدم.

الوثائق

GridView

شبكة من الخلايا المرتبة بشكل رأسي وأفقي وبنمط متكرر تطبق القطعة GridView هذا المكون.

الوثائق

GestureDetector

أداة تكتشف الإيماءات. يحاول التعرف على الإيماءات التي تتوافق مع عمليات الاسترجاعات غير الفارغة. إذا كان لهذه الأداة طفل، فإنها تخضع لسلوك تغيير الحجم لهذا الطفل. إذا لم يكن لديها طفل، فإنها تنمو لتناسب الوالد بدلاً من ذلك.

الوثائق

FutureBuilder

عنصر الواجهة الذي يبني نفسه بناءً على أحدث تتفاعل مع المستقبل

الوثائق

IconButton

زر الرمز هو صورة مطبوعة على عنصر واجهة مستخدم تتفاعل مع اللمسات من خلال ملئها بلون

الوثائق

Icon

أيقونة تصميم متعدد الأبعاد.

الوثائق

Hero

عنصر واجهة مستخدم بتمييزه لطفله يختار الرسوم المتحركة للبطل.

الوثائق

IndexedStack

مجموعة مرتبة تعرض طفلا واحدا من قائمة الأطفال

الوثائق

Image

العنصر الذي يعرض صورة.

الوثائق

IgnorePointer

عنصر واجهة مستخدم غير مرئي أثناء اختبار النتائج. عندما يكون التجاهل صحيحًا، تكون هذه الأداة (وشجرتها الفرعية) غير مرئية لتصل إلى الاختبار. تستهلك مساحة أثناء التخطيط وترسم طفلها كالمعتاد. لا يمكن أن يكون هدفًا للأحداث الموجودة، لأنه يعرض القيمة false من RenderBox.hitTest.

الوثائق

IntrinsicWidth

عنصر واجهة مستخدم يقيس حجم الطفل وفقًا للعرض الاساسي للطفل.

الوثائق

IntrinsicHeight

عنصر واجهة مستخدم يقيس حجم الطفل وفقًا للارتفاع الحقيقي لطفله.

الوثائق

InteractiveViewer

عنصر واجهة مستخدم يتيح تفاعلات التحريك والتكبير / التصغير مع طفلها.

الوثائق

LinearProgressIndicator

مؤشر التقدم الخطي لتصميم المواد (لتحميل)، المعروف أيضًا باسم شريط التقدم.

الوثائق

LimitedBox

صندوق يحدد حجمه عندما يكون غير مقيد.

الوثائق

LayoutBuilder

ينشئ شجرة عناصر واجهة يمكن أن تعتمد على حجم عنصر واجهة المستخدم الأصلية.

الوثائق

ListView

قائمة خطية قابلة للتمرير من عناصر واجهة المستخدم. ListView هي أداة التمرير الأكثر استخدامًا. يعرض الأطفال واحدًا تلو الآخر في اتجاه التمرير. في المحور المتقاطع، يُطلب من الأطفال ملء ListView.

الوثائق

ListTile

صف واحد ذو ارتفاع ثابت يحتوي عادةً على بعض النصوص بالإضافة إلى رمز بادئة أو لاحقة.

الوثائق

ListBody

عنصر واجهة مستخدم يقوم بترتيب عناصره الفرعية بالتسلسل على طول محور معين، مما يجبرهم على تحديد بُعد العنصر الرئيسي في المحور الآخر.

الوثائق

MediaQuery

ينشئ شبكة فرعية يتم فيها حل استفسارات الوسائط للبيانات المحددة.

الوثائق

MaterialApp

عنصر واجهة مستخدم ملائم يشمل عددًا من عناصر واجهة المستخدم المطلوبة بشكل شائع للتطبيقات التي تنفذ تصميم مواد.

الوثائق

LongPressDraggable

يجعل الطفل قابلاً للسحب بدءًا من الضغط لفترة طويلة.

الوثائق

NestedScrollView

يمكن أن تتداخل محتوى طريقة عرض بالتمرير مع عروض التمرير الأخرى، فيممن ربط مواضع التمرير الخاصة بها بشكل جوهري.

الوثائق

Navigator

عنصر واجهة مستخدم يدير مجموعة من عناصر واجهة المستخدم الفرعية مع نظام مكدس. تحتوي العديد من التطبيقات من أعلى التسلسل الهرمي لعناصر واجهة المستخدم لعرض سجلها المنطقي باستخدام تراكب مع أحدث الصفحات التي تمت زيارتها بشكل مرئي أعلى الصفحات الأقدم. يتيح استخدام هذا النمط للمتصفح الانتقال بصريًا من صفحة إلى أخرى عن طريق تحريك عناصر واجهة المستخدم في التراكب. وبالمثل، يمكن استخدام المستكشف لإظهار مربع حوار عن طريق وضع عنصر واجهة الحوار فوق الصفحة الحالية.

الوثائق

MergeSemantics

أداة تقوم بدمج دلالات أحفادها.

الوثائق

Opacity

عنصر واجهة مستخدم يجعل طفله شفافًا جزئيًا.

الوثائق

Offstage

القطعة التي تضع الطفل كما لو كان في الشجرة، ولكن بدون رسم أي شيء، دون إتاحة الطفل لاختبار الضرب، ودون أخذ أي غرفة في الوالدين.

الوثائق

NotificationListener

عنصر واجهة مستخدم يستمع إلى الملاحظات التي تنبثق أعلى الشجرة.

الوثائق

Padding

عنصر واجهة مستخدم يُدرج طفله بواسطة المساحة المتروكة المحددة.

الوثائق

OverflowBox

عنصر واجهة مستخدم يفرض قيودًا على طفله مختلفًا عن تلك التي تفرضه من والدته، مما قد يسمح للطفل بتجاوز الوالد.

الوثائق

OutlinedButton

زر مخطط بتصميم متعدد الأبعاد، وهو في الأساس زر نص بحدود معينة.

الوثائق

PopupMenuButton

يعرض قائمة عند الضغط عليه ويتم رفضه(إزالته) عند تحديد عنصر ما

الوثائق

Placeholder

عنصر واجهة مستخدم يرسم مربعًا يمثل مكان إضافة عناصر واجهة المستخدم الأخرى يومًا ما.

الوثائق

PageView

قائمة قابلة للتمرير تعمل صفحة تلو الأخرى.

الوثائق

RawImage

عنصر واجهة مستخدم يعرض dart: ui. صورة مباشرة.

الوثائق

Radio

تسمح أزرار الاختيار للمستخدم بتحديد خيار واحد من مجموعة. استخدم أزرار الاختيار للاختيار الحصري إذا كنت تعتقد أن المستخدم بحاجة إلى رؤية جميع الخيارات المتاحة جنبًا إلى جنب.

الوثائق

PositionedTransition

إصدار متحرك من Positioned يأخذ رسمًا متحركًا محددًا لينقل موضع الطفل من موضع البداية إلى موضع النهاية على مدار حياة الرسوم المتحركة.

الوثائق

ReorderableListView

قائمة يمكن للمستخدم إعادة ترتيب عناصرها بشكل تفاعلي عن طريق السحب.

الوثائق

RefreshIndicator

غلاف قابل للسحب للتحديث بتصميم متعدد الأبعاد لقوائم التمرير.

الوثائق

RawKeyboardListener

عنصر واجهة مستخدم يستدعي رد اتصال عندما يضغط او يحرر المستخدم مفتاح على لوحة المفاتيح

الوثائق

RotationTransition

ينعش دوران العنصر

الوثائق

RotatedBox

عنصر واجهة مستخدم يقوم بتدوير طفله بعدد متكامل من ربع المنعطفات.

الوثائق

RichText

تعرض أداة RichText نصًا يستخدم عدة أنماط مختلفة. يتم وصف النص المراد عرضه باستخدام شجرة من كائنات TextSpan، ولكل منها نمط مرتبط يتم استخدامه لتلك الشجرة الفرعية. قد ينقسم النص عبر عدة أسطر أو قد يتم عرضه جميعًا على نفس السطر بناءً على قيود التخطيط.

الوثائق

ScaleTransition

يضيف حركة للقطعة المحولة.

الوثائق

Scaffold

ينفذ التخطيط البصري الأساسي لتصميم الواجهات. توفر هذه الفئة واجهات برمجة تطبيقات لإظهار الأدراج وأشرطة الملاحظات والأوراق السفلية.

الوثائق

Row

قم بتخطيط قائمة من عناصر واجهة المستخدم الفرعية في الاتجاه الأفقي.

الوثائق

Scrollbar

شريط تمرير تصميم متعدد الأبعاد. يشير شريط التمرير إلى الجزء المرئي بالفعل من عنصر واجهة المستخدم القابل للتمرير.

الوثائق

Scrollable

ينفذ Scrollable نموذج التفاعل لعنصر واجهة مستخدم قابل للتمرير، بما في ذلك التعرف على الإيماءات، ولكن ليس لديه رأي حول كيفية إنشاء إطار العرض، الذي يعرض الأطفال بالفعل.

الوثائق

ScrollConfiguration

يتحكم في كيفية عمل عناصر واجهة الاستخدام القابلة للتمرير في الشجرة الفرعية.

الوثائق

SingleChildScrollView

مربع يمكن فيه تمرير عنصر واجهة مستخدم واحد. تكون هذه الأداة مفيدة عندما يكون لديك مربع واحد يكون عادةً مرئيًا تمامًا، على سبيل المثال وجه الساعة في مختار الوقت، ولكن عليك التأكد من إمكانية التمرير إذا أصبحت الحاوية صغيرة جدًا في محور واحد (اتجاه التمرير).

الوثائق

SimpleDialog

يمكن أن توفر مربعات الحوار بسيطة التفاصيل أو إجراءات إضافية حول عنصر القائمة. على سبيل المثال يمكنهم عرض رموز الصور الرمزية التي توضح النص الفرعي أو الإجراءات المتعامدة (مثل إضافة حساب).

الوثائق

Semantics

عنصر واجهة مستخدم يقوم بالتعليق على شجرة عناصر واجهة المستخدم مع وصف لمعنى عناصر واجهة المستخدم. تُستخدم بواسطة أدوات الوصول ومحركات البحث وبرامج التحليل الدلالي الأخرى لتحديد معنى التطبيق.

الوثائق

SizedOverflowBox

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

الوثائق

SizedBox

صندوق بحجم محدد. إذا أعطيت عنصرًا فرعيًا، فستجبر الأداة التابعة لها على أن يكون لها عرض و / أو ارتفاع محدد (يُسمح بالقيم الافتراضية من قبل والد هذه الأداة). إذا كان العرض أو الارتفاع فارغًا، فستعمل هذه الأداة على تغيير حجم نفسها لمطابقة حجم الطفل في هذا البعد.

الوثائق

SizeTransition

ينعش حجمه الخاص ويحاذي الطفل.

الوثائق

SliverAppBar

شريط لتطبيق تصميم متعدد الأبعاد بالتكامل مع CustomScrollView.

الوثائق

Slider

تتيح أشرطة التمرير للمستخدمين الاختيار من بين مجموعة من القيم عن طريق تحريك إبهام شريط التمرير.

الوثائق

SlideTransition

تحريك موضع عنصر واجهة المستخدم بالنسبة إلى موضعه الطبيعي.

الوثائق

SliverFixedExtentList

الأجزاء التي تضع العديد من الصناديق الفرعية بنفس مجال المحور الرئيسي في مصفوفة خطية.

الوثائق

SliverChildListDelegate

مفوض يقوم بتزويد الأطفال بأجزاء باستخدام قائمة صريحة.

الوثائق

SliverChildBuilderDelegate

مسؤول يقوم بتزويد الأطفال بأجزاء باستخدام إعادة البناء

الوثائق

SliverPadding

الجزء الذي يضع حشوة على كل جانب من جزء أخرى

الوثائق

SliverList

الجزء الذي يضع العديد من الصناديق الفرعية في مصفوفة خطية على طول المحور الرئيسي.

الوثائق

SliverGrid

الجزء الذي يضع العديد من الأطفال في الصندوق بترتيب ثنائي الأبعاد.

الوثائق

SnackBar

رسالة خفيفة مع إجراء اختياري يتم عرضها لفترة وجيزة أسفل الشاشة

الوثائق

SliverToBoxAdapter

جزء يحتوي على عنصر واجهة مستخدم بمربع واحد.

الوثائق

SliverPersistentHeader

جزء يختلف حجمها عندما يتم تمرير جزء أصغر إلى حافة منفذ العرض مقابل اتجاه نمو الجزء الاصغر.

الوثائق

StreamBuilder

عنصر واجهة مستخدم يبني نفسه بناءً على أحدث تتفاعل مع البث.

الوثائق

Stepper

أداة متدرجة ذات تصميم متعدد الأبعاد تعرض التقدم عبر سلسلة من الخطوات.

الوثائق

Stack

يعتبر هذا الفصل مفيدًا إذا كنت تريد ان تجعل العديد من الأطفال تتداخل بطريقة بسيطة، على سبيل المثال وجود نص وصورة متراكبين مع تدرج وزر متصل بالجزء السفلي.

الوثائق

TabBarView

عرض صفحة، يعرض عنصر واجهة المستخدم الذي يتوافق مع علامة التبويب المحددة حاليًا. يستخدم عادة بالتزامن مع TabBar.

الوثائق

TabBar

عنصر واجهة مستخدم لتصميم المواد يعرض صفًا أفقيًا من علامات التبويب.

الوثائق

Switch

تعمل مفاتيح التشغيل / الإيقاف على تبديل حالة خيار إعدادات واحد. تقوم أداة التبديل بتنفيذ هذا المكون.

الوثائق

Table

عنصر واجهة مستخدم يستخدم خوارزمية تخطيط الجدول لأطفاله.

الوثائق

TabPageSelector

يعرض صفًا من المؤشرات الدائرية الصغيرة، مؤشر واحد لكل علامة تبويب. يتم تمييز مؤشر علامة التبويب المحددة. غالبًا ما تستخدم مع TabBarView.

الوثائق

TabController

تحديد علامة تبويب الإحداثيات بين TabBar وTabBarView

الوثائق

TextField

عند لمس حقل نصي يضع المؤشر ويعرض لوحة المفاتيح. تقوم أداة TextField بتنفيذ هذا المكون.

الوثائق

TextButton

تصميم متعدد لزر نصي. زر مسطح بسيط بدون حدود خارجية

الوثائق

Text

سلسلة نصية بنمط واحد.

الوثائق

Transform

القطعة التي تطبق نقلاً قبل رسم طفلها.

الوثائق

Tooltip

توفر تلميحات الأدوات وتسميات نصية تساعد في شرح وظيفة الزر أو أي إجراء آخر لواجهة المستخدم. قم بلف الزر في عنصر واجهة مستخدم Tooltip لإظهار تسمية عند الضغط على الأداة لفترة طويلة (أو عندما يتخذ المستخدم بعض الإجراءات المناسبة الأخرى).

الوثائق

Theme

يطبق سمة على عناصر واجهة تعامل فرعية. يصف النسق الألوان والخيارات المطبعية للتطبيق.

الوثائق

Wrap

عنصر واجهة مستخدم يعرض عناصره الفرعية في عدة عمليات تشغيل أفقية أو رأسية.

الوثائق

WidgetsApp

فئة ملائمة تضم عددًا من عناصر واجهة المستخدم المطلوبة عادةً لتطبيق ما.

الوثائق

 

اترك تعليقًا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

arAR