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

Виджет 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,
    который задаёт поведение или данные прокрутки
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить