Виджет SliverSafeArea

Виджет SliverSafeArea похож на SafeArea, но для sliver. Оборачивает sliver.

Синтаксис

SliverSafeArea(sliver: SliverList.list(children: []))

Параметры

Параметр	Описание
`sliver`	Sliver внутри safe области.
`top`	Учитывать верхний отступ.
`bottom`	Учитывать нижний отступ.

Пример

Давайте сдвинем sliver список от статус-бара:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: CustomScrollView(
					slivers: [
						SliverSafeArea(
							sliver: SliverList.list(
								children: [Text('abcde'), Text('12345')],
							),
						),
					],
			),
		),
	);
}

На экране текст не залезает под системную панель.

Пример

Давайте отключить нижний отступ:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: CustomScrollView(
					slivers: [
						SliverSafeArea(
							bottom: false,
							sliver: SliverList.list(children: [Text('abcde')]),
						),
					],
			),
		),
	);
}

На экране sliver учитывает верх, но не низ safe area.

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

виджет SliverVisibility,
который часто ставят рядом в прокручиваемых экранах
виджет SliverOverlapAbsorber,
который дополняет работу с прокруткой
виджет SliverOpacity,
который помогает собрать сложный список
виджет SliverOverlapInjector,
который задаёт поведение или данные прокрутки