forked from lxm_flutter/FlutterUnit
37 lines
1.6 KiB
Dart
37 lines
1.6 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
/// create by 张风捷特烈 on 2020/9/21
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明: 343 ShrinkWrappingViewport 收缩包围视图
|
||
/// 和 ScrollView 的 shrinkWrap 属性之间关联。ShrinkWrappingViewport 在主轴上调整自身的大小以适应它的子节点，在无边界约束的情况下使用。
|
||
///
|
||
// {
|
||
// "widgetId": 343,
|
||
// "name": 'NestedScrollViewViewport 介绍',
|
||
// "priority": 1,
|
||
// "subtitle":
|
||
// "【offset】 : *偏移 【ViewportOffset】\n"
|
||
// "【axisDirection】 : 轴向 【AxisDirection】\n"
|
||
// "【crossAxisDirection】 : 交叉轴向 【AxisDirection】\n"
|
||
// "【slivers】 : 子组件 【List<Widget>】\n"
|
||
// "【clipBehavior】 : 裁剪行为 【Clip】",
|
||
// }
|
||
|
||
class ShrinkWrappingViewportDemo extends StatelessWidget {
|
||
final String info =
|
||
'ShrinkWrappingViewport 在源码中只有一处使用：'
|
||
'在 ScrollView 中如果 shrinkWrap 为 true，会使用 ShrinkWrappingViewport，该属性在其子类 ListView、GridView、CustomScrollView 中可指定。'
|
||
'如果 shrinkWrap 为 false，视口会使用 Viewport，此时，视图区域将会沿滑动方向尽可能延伸。在无边界约束的情况下，shrinkWrap 需要是 true。'
|
||
'另外 ShrinkWrappingViewport 使用比较昂贵，因为滑动时需要重新计算滑动视图的尺寸。';
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
color: Colors.blue.withOpacity(0.1),
|
||
padding: EdgeInsets.all(10),
|
||
margin: EdgeInsets.all(10),
|
||
child: Text(info),
|
||
);
|
||
}
|
||
}
|