Список щепок с тенью

Question

Можно ли добавить тень блока в виджет списка лент? У меня есть пользовательский вид прокрутки, поэтому я не могу просто обернуть список ленты контейнером.

Answer 1

Поскольку для CustomScrollView требуются слипы в качестве виджетов, и они не содержат каких-либо свойств shadow или box, мы можем использовать SliverToBoxAdapter и содержать оформленный контейнер. По мере увеличения содержимого SliverToBoxAdapter сделает его прокручиваемым.

Вместо

body: CustomScrollView(
  slivers: <Widget>[
    SliverList(
      delegate: SliverChildListDelegate([
        Text('Item'),
        Text('Item'),
        Text('Item'),
      ]),
    ),
  ],
),

Используйте это

body: CustomScrollView(
  slivers: <Widget>[
    SliverToBoxAdapter(
      child: Container(
        decoration: BoxDecoration(
          boxShadow: [
            new BoxShadow(
              color: Colors.grey[300],
              offset: new Offset(3.0, 3.0),
              blurRadius: 9
            )
          ],
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget> [
            Text('Item'),
            Text('Item'),
            Text('Item'),
          ]
        )
      ),
    ),
  ],
),