Liquid Glass Easy

الحوارات

تنبيه على زجاج، والعارض الذي يُدخله بحركة.

عنصران وعارض واحد. لـLiquidGlassAlertDialog منافذ Material 3 التي تعرفها — icon وtitle وcontent وactions — جالسةً على عدسة زجاجية بدل سطح ممتلئ. وLiquidGlassDialog هي البطاقة نفسها وليس فيها إلا child الخاص بك.

Dart
showLiquidGlassDialog(
  context: context,
  builder: (context) => LiquidGlassAlertDialog(
    icon: const Icon(Icons.delete_outline_rounded),
    title: const Text('Delete this album?'),
    content: const Text('The photos in it stay in your library.'),
    actions: [
      LiquidGlassButton(label: 'Cancel', onPressed: () => pop(context)),
      LiquidGlassButton(label: 'Delete', onPressed: () => confirm(context)),
    ],
  ),
);

showLiquidGlassDialog هو showGeneralDialog وقد ضُبط له انتقال تحجيم وتلاشٍ سلفاً: transitionDuration وtransitionCurve وreverseTransitionCurve لك أن تغيّرها، وbarrierDismissible وbarrierColor وuseRootNavigator وrouteSettings وسواها تتصرف تماماً كنظائرها في Flutter.

المنافذ#

المعاملالافتراضيما يفعله
icon / iconColornullرمز متصدّر فوق العنوان.
title / contentnullمنفذا النص، ولكلٍّ تبطينه وأسلوب نصه.
actionsnullصفّ الأزرار. ويفيض إلى عمود حين لا تتّسع الأزرار، وتتحكم actionsOverflow* بكيفية ذلك.
width340أقصى عرض للبطاقة.
scrollablefalseيتيح لعنوان ومحتوى طويلين أن ينسابا بدل أن يفيضا.
stylenullالزجاج، كما في كل مكان آخر.

التعليقات

التعليقات هي مناقشات GitHub — يمكنك الرد من أيٍّ من المكانين.