الزر
عدسة على هيئة زر، بضغطةٍ تستجيب.
LiquidGlassButton عدسةٌ واحدة حول صفٍّ من أيقونة ونص. ولأنه يكسر ما خلفه فله شرط العدسة نفسه: على Skia والويب يحتاج LiquidGlassView أباً — وبدونه يتراجع إلى حبة مصنفرة. وعلى Impeller يعمل في أي مكان.
Dart
LiquidGlassButton(
label: 'Continue',
icon: Icons.arrow_forward_rounded,
width: 220,
touch: const LiquidGlassTouch(flex: LiquidGlassFlex.subtle()),
onPressed: () => next(),
)| المعامل | الافتراضي | ما يفعله |
|---|---|---|
label | null | نص الزر. يُتجاهَل حين يُضبط child. |
icon | null | الأيقونة المتصدّرة. |
onPressed | null | القيمة الفارغة تعطّل الزر — فيخفت ويكفّ عن قبول الضغط. |
width / height | null / 48 | الحجم. والعرض الفارغ يحتضن المحتوى. |
child | null | يستبدل صفّ الأيقونة والنص كلياً — صورة رمزية أو سطرَي نص أو SvgPicture أو صف شارات. ولا يحدّد حجم الزر أبداً. |
touch | null | امنحه واحداً فيلين الزجاج تحت الضغط. |
style | null | الهيئة واللون والانكسار. |
foregroundColor, fontSize, fontWeight, iconSize | null, 16, w600, 20 | صفّ النص، دون اللجوء إلى سمة. |
محتواك أنت#
مرّر child فيحلّ محلّ الصف. يُوسَّط داخل padding الزر ويُقصّ على شكل الزجاج، ويبقى الزر على width/height فتثبت هندسة العدسة. وأي Icon أو Text مجرّدة بداخله ترث foregroundColor وfontSize وfontWeight وiconSize، فتطابق الصفّ المدمج افتراضياً.
Dart
LiquidGlassButton(
width: 260,
height: 62,
onPressed: () => switchAccount(),
child: myAvatarRow,
)
التعليقات
التعليقات هي مناقشات GitHub — يمكنك الرد من أيٍّ من المكانين.