Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
431 of 1024 menu
◀ ▶

Виджет SliverOpacity

Виджет SliverOpacity принимает opacity от 0.0 до 1.0 и sliver.

Синтаксис

SliverOpacity(opacity: 0.5, sliver: SliverList.list(children: []))

Параметры

Параметр Описание
opacity Степень непрозрачности.
sliver Sliver, к которому применяют opacity.

Пример

Давайте полупрозрачный список:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: CustomScrollView( slivers: [ SliverOpacity( opacity: 0.4, sliver: SliverList.list( children: List.generate(6, (i) => Text('abcde')), ), ), ], ), ), ); }

На экране строки списка бледнее обычного.

Пример

Давайте скрыть sliver почти полностью:

import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: CustomScrollView( slivers: [ SliverOpacity( opacity: 0.1, sliver: SliverList.list(children: [Text('12345')]), ), ], ), ), ); }

На экране подпись едва видна.

Смотрите также

  • виджет SliverFillViewport,
    который часто ставят рядом в прокручиваемых экранах
  • виджет SliverVisibility,
    который дополняет работу с прокруткой
  • метод shouldRebuild,
    который помогает собрать сложный список
  • виджет SliverSafeArea,
    который задаёт поведение или данные прокрутки
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить