Виджет SliverPadding
Виджет SliverPadding принимает padding и sliver.
Синтаксис
SliverPadding(padding: EdgeInsets.all(8), sliver: SliverList.list(children: []))
Параметры
| Параметр | Описание |
|---|---|
padding |
Отступы типа EdgeInsets.
|
sliver |
Sliver, которому добавляют поля. |
Пример
Давайте сдвинем список от края:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: CustomScrollView(
slivers: [
SliverPadding(
padding: EdgeInsets.symmetric(horizontal: 24),
sliver: SliverList.list(
children: [Text('abcde'), Text('12345')],
),
),
],
),
),
);
}
На экране обе строки с боковыми отступами.
Пример
Давайте обернём сетку:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: CustomScrollView(
slivers: [
SliverPadding(
padding: EdgeInsets.all(12),
sliver: SliverGrid.count(
crossAxisCount: 2,
children: List.generate(4, (i) => Center(child: Text('abcde'))),
),
),
],
),
),
);
}
На экране сетка не прилипает к краям экрана.
Смотрите также
-
виджет
SliverToBoxAdapter,
который часто ставят рядом в прокручиваемых экранах -
виджет
SliverFillRemaining,
который дополняет работу с прокруткой -
метод
extent,
который помогает собрать сложный список -
виджет
SliverPersistentHeader,
который задаёт поведение или данные прокрутки