الشريط العلوي

كبسولة عائمة وصفحتك تجري تحتها.

LiquidGlassAppBar عدسة واحدة ملفوفة حول leading وtitle وactions. ضعه ابناً محاذياً للأعلى في Stack، أو في منفذ appBar: من LiquidGlassScaffold.

Dart

LiquidGlassView(
  backgroundWidget: myScrollingPage,   // what the bar refracts
  child: Align(
    alignment: Alignment.topCenter,
    child: LiquidGlassAppBar(
      leading: const Icon(Icons.menu_rounded),
      title: const Text('Library'),
      actions: const [Icon(Icons.search_rounded)],
      width: 356,
    ),
  ),
)

المعامل	الافتراضي	ما يفعله
`leading`	`null`	منفذ البداية — زر قائمة أو رجوع.
`title`	`null`	عادةً `Text`، ويرث أسلوب الشريط.
`actions`	`[]`	منفذ النهاية، مرتَّب بالترتيب.
`centerTitle`	`true`	القيمة الخاطئة تحاذيه إلى جانب `leading`.
`height` / `width`	`56` / `360`	الارتفاع يحدد أيضاً نصف القطر الافتراضي (`height / 2`).
`horizontalPadding` / `actionSpacing`	`14` / `8`	الإزاحة عند الطرفين، والفجوة بين الإجراءات.
`foregroundColor`	`null`	يصل إلى الأيقونات والنص عبر `IconTheme` و`DefaultTextStyle`. وإن تُرك فارغاً تنازل — وهذا ما يتيح للتكيّف أن يقوده.
`touch`	`null`	يجعل الشريط نفسه يستجيب للضغط.

الشريط العلوي

التعليقات