حافة التمرير

شريط متلاشٍ يُبقي العناصر العائمة واضحة.

النصف الآخر من مشكلة الوضوح. التكيّف يغيّر الزجاج، وحافة التمرير تغيّر ما تحته — شريط مثبّت على حافة عنصر قابل للتمرير، معتم تماماً عند الحافة ومتلاشٍ إلى العدم باتجاه المحتوى. وهو النسخة المعتِمة من تأثير حافة التمرير في iOS 26.

Dart

Stack(
  children: [
    myScrollingList,
    Align(
      alignment: Alignment.bottomCenter,
      child: LiquidGlassScrollEdge(
        edge: LiquidGlassEdge.bottom,
        height: 120,
      ),
    ),
    myFloatingTabBar,
  ],
)

المعامل	الافتراضي	ما يفعله
`edge`	`bottom`	أي حافة من الشاشة يحتضنها الشريط.
`height`	`null`	ارتفاع الشريط. وإن تُرك فارغاً أخذ الصندوق الممنوح له.
`color`	`0x8A000000`	اللون، في الوضع الساكن.
`blur`	`5`	ضبابية الخلفية تحت الشريط — `BackdropFilter` واحد بالضبط عند أي قيمة. و`0` يزيله من الشجرة تماماً.
`style`	`soft`	`soft` يُلاشي الضبابية فتلتقي بالمحتوى الحاد بلا درزة، و`hard` ينهيها على خط. ولا يكلّف أحدهما أكثر من الآخر.
`curve` / `blurCurve`	`easeInOut` / —	شكلا تلاشي اللون والضبابية.
`adaptivity`	`null`	اضبطه فيلوّن الشريط نفسه من الخلفية عبر معايِن العارض المشترك — بلا التقاطات إضافية.
`child`	`null`	محتوى مثبّت داخل الشريط — عنوان أو صف إجراءات.

حافة التمرير

التعليقات