之前我们介绍 GridView 的时候,如果想在网格视图内部添加点边距,可以直接用一个 padding 属性去设置一下 .. 在 SliverGrid 里面没有这个 padding 属性 .. 想添加内边距,得用一个叫 SliverPadding 的小部件 ..
先把这个 SliverGrid 单独放在一个小部件里面 .. 剪切一下这块代码 ..
在下面再去创建一个类 .. 名字是 SliverGridDemo .. 让它继承一下 StatelessWidget .. 类里面添加一个 build 方法 .. 方法 return 的东西就是刚才我们用的这个 SliverGridDemo ..
然后在这个 CustomScrollView 的 slivers 属性里面,添加一个 SliverPadding ... 它可以添加点内边距 .. 里面添加一个 padding 属性去设置一下内边距 .. 可以用一下 EdgetInsets.all 在四周添加一个统一大小的边距,比如 8.0 ..
再添加一个 sliver 属性 .. 它的值是一个 Sliver 类型的小部件 .. 用一下刚才我们创建的 SliverGridDemo ..
现在你会发现,在网格视图的周围,会有一个 8.0 的内边距 ..
注意我的设备的最上面有一块被挡住了 .. 使用一个 SliverSafeArea 可以让内容显示在安全区域内 .. 剪切一下 .. 添加一个 SliverSafeArea .. 里面添加一个 sliver 属性 ... 把刚才剪切的代码交给它 ..
现在我们的内容会在安全的区域内显示 ..