This commit is contained in:
yifeng.yl
2019-01-08 20:39:13 +08:00
parent 383819e280
commit 2e9702ec7b
242 changed files with 13523 additions and 654 deletions

View File

@ -0,0 +1,46 @@
/*
* @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 '../../../../common/widget_demo.dart';
import './demo.dart';
const String content0 = '''
### **简介**
> 使用Slivers创建自定义滚动效果的ScrollView
- CustomScrollView 主要是配合Slivers大家族使用创建自定义的滚动效果
- 如果需要创建可展开的AppBar后跟list和grid可使用这三种SliversSliverAppBar、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',
);
}
}