mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-21 23:06:33 +08:00
46 lines
1.4 KiB
Dart
46 lines
1.4 KiB
Dart
/// @Author: 一凨
|
||
/// @Date: 2018-12-20 13:21:36
|
||
/// @Last Modified by: 一凨
|
||
/// @Last Modified time: 2018-12-20 14:08:29
|
||
|
||
import 'package:flutter/material.dart';
|
||
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart';
|
||
|
||
const String content0 = '''
|
||
### **简介**
|
||
> 使用Slivers创建自定义滚动效果的ScrollView
|
||
- CustomScrollView 主要是配合Slivers大家族使用，创建自定义的滚动效果
|
||
- 如果需要创建可展开的AppBar，后跟list和grid，可使用这三种Slivers：SliverAppBar、SliverList和SliverGrid
|
||
- 这些Slivers必须生成RenderSliver对象
|
||
''';
|
||
|
||
const String content1 = '''
|
||
### **基本用法**
|
||
> 配合 Slivers使用
|
||
- slivers 属性中我们添加SliverAppBar
|
||
- SliverAppBar下方放置SliverFixedExtentList，注意此处并没有滚动冲突
|
||
''';
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/components/Scroll/CustomScrollView';
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
contentList: [
|
||
content0,
|
||
content1,
|
||
CustomScrollViewDemo(),
|
||
],
|
||
codeUrl: 'components/Scroll/CustomScrollView/demo.dart',
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/CustomScrollView-class.html',
|
||
title: 'CustomScrollView',
|
||
);
|
||
}
|
||
} |