forked from lxm_flutter/FlutterUnit
40 lines
1.9 KiB
Dart
40 lines
1.9 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
/// create by 张风捷特烈 on 2020/9/21
|
||
/// contact me by email 1981462002@qq.com
|
||
/// 说明: 344 NestedScrollViewViewport 嵌套滑动视口
|
||
/// 在 NestedScrollView 中使用的视口，该视口持有 SliverOverlapAbsorberHandle，会在视口需要重新计算布局时通知它。例如，当滚动它时。
|
||
///
|
||
// {
|
||
// "widgetId": 344,
|
||
// "name": 'NestedScrollViewViewport 介绍',
|
||
// "priority": 1,
|
||
// "subtitle":
|
||
// "【offset】 : *偏移 【ViewportOffset】\n"
|
||
// "【handle】 : *处理器 【SliverOverlapAbsorberHandle】\n"
|
||
// "【axisDirection】 : 轴向 【AxisDirection】\n"
|
||
// "【crossAxisDirection】 : 交叉轴向 【AxisDirection】\n"
|
||
// "【slivers】 : 子组件 【List<Widget>】\n"
|
||
// "【clipBehavior】 : 裁剪行为 【Clip】\n"
|
||
// "【anchor】 : 锚点 【double】",
|
||
// }
|
||
|
||
class NestedScrollViewViewportDemo extends StatelessWidget {
|
||
final String info =
|
||
'NestedScrollViewViewport 在源码中只有一处使用：'
|
||
'_NestedScrollViewCustomScrollView 继承自 CustomScrollView，复写了 buildViewport 方法，返回 NestedScrollViewViewport 。'
|
||
'而 NestedScrollView 构建时使用了 _NestedScrollViewCustomScrollView，也就是 NestedScrollView 的视口依赖于 NestedScrollViewViewport。'
|
||
'NestedScrollViewViewport 的特点是持有 SliverOverlapAbsorberHandle 类对象 handle，源码中该 handle 在 NestedScrollViewState 中初始化。'
|
||
'可通过上下文获取，用于 SliverOverlapAbsorber/SliverOverlapInjector 组件，使用详见相关组件。';
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
color: Colors.blue.withOpacity(0.1),
|
||
padding: EdgeInsets.all(10),
|
||
margin: EdgeInsets.all(10),
|
||
child: Text(info),
|
||
);
|
||
}
|
||
}
|