فهرس عناصر Flutter
هذه قائمة مرتبة أبجدياً لجميع عناصر الواجهة المستخدم تقريبًا مع Flutter. ويمكنك أيضا تصفح الحاجيات حسب الفئة.
قد ترغب أيضًا في الاطلاع على سلسلة مقاطع الفيديو Widget of the Week في قناة Flutter على YouTube. كل حلقة قصيرة تحتوي على أداة Flutter مختلفة. للمزيد من سلسلة الفيديو، انظر صفحة الفيديو الخاصة بنا.
العنصر من قائمة التشغيل الأسبوعية
![]() عنصر واجهة مستخدم يقوم بمحاذاة العناصر داخله (طفله) واختيار حجمه نسبتاً لحجم العناصر داخله الوثائق |
![]() تنبيهات تقوم بمقاطعة عاجلة تتطلب قراراً من المستخدم لموقف ما. تقوم الأداة AlertDialog بتنفيذ هذه المكونات. الوثائق |
![]() عنصر واجهة مستخدم يتلقى المؤشرات أثناء النقر التجريبي. عندما يكون التلقي صحيحًا، فإن عنصر واجهة المستخدم يمنع شجرته الفرعية من تلقي أحداث المؤشر عن طريق إنهاء اختبار الدخول في حد ذاته. لكنها لا تزال تستهلك مساحة أثناء التخطيط وترسم أبناءها كالمعتاد. إنه يمنع أبناءه من أن يكونوا هدفًا للأحداث محددة، لأنه يعيد صح من RenderBox.hitTest. الوثائق |
![]() حاوية تقوم بتغير قيمها تدريجيًا خلال فترة زمنية. الوثائق |
![]() عنصر واجهة مستخدم لإنشاء الرسوم المتحركة. AnimatedBuilder يمفيد في المتطلبات الأكثر تعقيدًا والتي نرغب في تضمين الرسوم المتحركة كجزء من وظيفة بناءها. لاستخدام AnimatedBuilder ، ما عليك سوى إنشاء عنصر واجهة المستخدم ومرره إلى وظيفة البناءه. الوثائق |
![]() إصدار متحرك من Align يقوم تلقائيًا بنقل موضع العناصر داخله (طفله) خلال مدة معينة و تغيرت المحاذاة المحددة. الوثائق |
![]() حالة حاوية التمرير التي تحرك العناصر عند إدراجها أو إزالتها. الوثائق |
![]() إصدار متحرك من DefaultTextStyle يقوم تلقائيًا بتحويل نمط النص الافتراضي (النمط الذي يتم تطبيقه على النص في حال لم يتم تحديد نمط واضح) خلال مدة معينة بتغير النمط المحدد. الوثائق |
![]() عنصر واجهة مستخدم يتلاشى بين عنصرين ضمنه (طفلين) محددين ويغير نفسه بين حجمهما. الوثائق |
![]() نسخة متحركة من PhysicalModel. الوثائق |
![]() هي إصدار متحرك من خاصية (التعتيم والشفافية) يقوم تلقائيًا بنقل درجة عتامة العناصر ضمنه (طفله) خلال مدة معينة بتغير التعتيم المحدد الوثائق |
![]() عنصر واجهة مستخدم يمنع المستخدم من التفاعل مع عناصر واجهة المستخدم الموجودة خلفه. الوثائق |
![]() عنصر واجهة مستخدم يعيد البناء عندما تغيير قيمة given Listenable الوثائق |
![]() عنصر واجهة مستخدم يقوم بتغير حجمه خلال مدة معينة كلما تغير حجم الطفل الموضوع ضمنه الوثائق |
![]() إصدار متحرك من Positioned والذي يقوم تلقائيًا بنقل موضع الطفل خلال مدة معينة كلما تغير الموضع المحدد. الوثائق |
![]() عنصر واجهة مستخدم يحاول تغيير حجم العناصر ضمنه (طفله) بنسبة عرض إلى ارتفاع محددة. الوثائق |
![]() شريط التطبيق المصمم بالأبعاد متعددة. يتكون شريط التطبيق من شريط أدوات ومن المحتمل أن تكون هناك عناصر واجهة مستخدم أخرى، مثل TabBar وFlexibleSpaceBar. الوثائق |
![]() فئة أساسية لأدوات الرسوم المتحركة المضمنة. الوثائق |
![]() BackdropFilter عنصر واجهة مستخدم يقوم بتطبيق مرشح على المحتوى المطلي الموجود ثم يقوم برسم طفل. هذا التأثير مكلف نسبيًا، خاصةً إذا كان المرشح غير محلي، مثل تمويه. الوثائق |
![]() عنصر واجهة مستخدم لمساعدة المستخدم على الاختيار عن طريق إدخال بعض النصوص والاختيار من بين قائمة الخيارات. الوثائق |
![]() تحتوي حزم الأصول على الموارد، مثل الصور والسلاسل النصية، التي يمكن أن يستخدمها التطبيق. الوصول إلى هذه الموارد غير متزامن بحيث يمكن تحميلها ببساطة عبر الشبكة الانترنت (على سبيل المثال، من NetworkAssetBundle) أو من نظام الملفات المحلي دون حظر واجهة مستخدم التطبيق. الوثائق |
![]() BottomSheet توجد أسفل الشاشة للكشف عن المزيد من الخيارات. يمكنك استدعاء showBottomSheet () لتنفيذ ورقة سفلية ثابتة أو showModalBottomSheet () لتنفيذ ورقة سفلية مشروطة الوثائق |
![]() BottomNavigationBar تسهل أشرطة التنقل السفلية الاستكشاف والتبديل بين عروض الواجهة العلوية بنقرة واحدة. تقوم أداة BottomNavigationBar بتنفيذ هذا المكون. الوثائق |
![]() عنصر واجهة مستخدم يضع الطفل وفقًا لخط الأساس للطفل. الوثائق |
![]() 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 القطعة التي تضع الطفل كما لو كان في الشجرة، ولكن بدون رسم أي شيء، دون إتاحة الطفل لاختبار الضرب، ودون أخذ أي غرفة في الوالدين. الوثائق |
![]() عنصر واجهة مستخدم يستمع إلى الملاحظات التي تنبثق أعلى الشجرة. الوثائق |
![]() Padding عنصر واجهة مستخدم يُدرج طفله بواسطة المساحة المتروكة المحددة. الوثائق |
![]() OverflowBox عنصر واجهة مستخدم يفرض قيودًا على طفله مختلفًا عن تلك التي تفرضه من والدته، مما قد يسمح للطفل بتجاوز الوالد. الوثائق |
![]() OutlinedButton زر مخطط بتصميم متعدد الأبعاد، وهو في الأساس زر نص بحدود معينة. الوثائق |
![]() PopupMenuButton يعرض قائمة عند الضغط عليه ويتم رفضه(إزالته) عند تحديد عنصر ما الوثائق |
![]() Placeholder عنصر واجهة مستخدم يرسم مربعًا يمثل مكان إضافة عناصر واجهة المستخدم الأخرى يومًا ما. الوثائق |
![]() PageView قائمة قابلة للتمرير تعمل صفحة تلو الأخرى. الوثائق |
![]() RawImage عنصر واجهة مستخدم يعرض dart: ui. صورة مباشرة. الوثائق |
![]() Radio تسمح أزرار الاختيار للمستخدم بتحديد خيار واحد من مجموعة. استخدم أزرار الاختيار للاختيار الحصري إذا كنت تعتقد أن المستخدم بحاجة إلى رؤية جميع الخيارات المتاحة جنبًا إلى جنب. الوثائق |
![]() إصدار متحرك من 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 فئة ملائمة تضم عددًا من عناصر واجهة المستخدم المطلوبة عادةً لتطبيق ما. الوثائق |