可容纳一个Sliver家族的子组件，添加自身内边距来限制孩子组件的占位，核心属性为padding。

    相关组件

    Padding

    SliverPadding基本使用

    【sliver】 : 子组件 【Widget】
    【padding】 : 内边距 【EdgeInsetsGeometry】
    209.gif

    1. import 'package:flutter/material.dart';
    2. class SliverPaddingDemo extends StatelessWidget {
    3.   final data = List.generate(128, (i) => Color(0xFF6600FF - 2 * i));
    5.   @override
    6.   Widget build(BuildContext context) {
    7.     return Container(
    8.       height: 300,
    9.       child: CustomScrollView(
    10.         slivers: <Widget>[_buildSliverAppBar(), SliverPadding(
    11.             padding: EdgeInsets.only(top: 10),
    12.             sliver
    13.             : _buildSliverGrid())],
    14.       ),
    15.     );
    16.   }
    18.   Widget _buildSliverGrid() => SliverGrid.extent(
    19.     childAspectRatio: 1 / 0.618,
    20.     maxCrossAxisExtent: 180,
    21.     crossAxisSpacing: 5,
    22.     mainAxisSpacing: 5,
    23.     children: data
    24.         .map((e) => Container(
    25.       alignment: Alignment.center,
    26.       width: 100,
    27.       height: 60,
    28.       color: e,
    29.       child: Text(
    30.         colorString(e),
    31.         style: TextStyle(color: Colors.white, shadows: [
    32.           Shadow(
    33.               color: Colors.black,
    34.               offset: Offset(.5, .5),
    35.               blurRadius: 2)
    36.         ]),
    37.       ),
    38.     ))
    39.         .toList(),
    40.   );
    42.   Widget _buildSliverAppBar() {
    43.     return SliverAppBar(
    44.       expandedHeight: 190.0,
    45.       leading: _buildLeading(),
    46.       title: Text('张风捷特烈'),
    47.       actions: _buildActions(),
    48.       elevation: 5,
    49.       pinned: true,
    50.       backgroundColor: Colors.orange,
    51.       flexibleSpace: FlexibleSpaceBar(
    52.         //伸展处布局
    53.         titlePadding: EdgeInsets.only(left: 55, bottom: 15), //标题边距
    54.         collapseMode: CollapseMode.parallax, //视差效果
    55.         background: Image.asset(
    56.           "assets/images/caver.jpeg",
    57.           fit: BoxFit.cover,
    58.         ),
    59.       ),
    60.     );
    61.   }
    63.   Widget _buildLeading() => Container(
    64.       margin: EdgeInsets.all(10),
    65.       child: Image.asset('assets/images/icon_head.png'));
    67.   List<Widget> _buildActions() => <Widget>[
    68.     IconButton(
    69.       onPressed: () {},
    70.       icon: Icon(
    71.         Icons.star_border,
    72.         color: Colors.white,
    73.       ),
    74.     )
    75.   ];
    77.   String colorString(Color color) =>
    78.       "#${color.value.toRadixString(16).padLeft(8, '0').toUpperCase()}";
    79. }