mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-21 23:06:33 +08:00
43 lines
1.4 KiB
Dart
43 lines
1.4 KiB
Dart
/// @Author: 一凨
|
||
/// @Date: 2018-12-10 21:31:24
|
||
/// @Last Modified by: 一凨
|
||
/// @Last Modified time: 2018-12-15 17:05:20
|
||
|
||
import 'package:flutter/material.dart';
|
||
|
||
import 'package:flutter_go/components/widget_demo.dart';
|
||
import './demo.dart';
|
||
|
||
const String contentText0 = '''
|
||
### **简介**
|
||
> 一个可以使内容滚动的Widget
|
||
- 实现了可滚动widget的交互模型，但不包含UI显示相关的逻辑
|
||
- 很难直接构造Scrollable。当然，我们可以考虑使用ListView或者GridView，他们结合了滚动、视口以及布局模型。如果需要自定义布局模型，可以考虑使用 CustomScrollView 。
|
||
''';
|
||
|
||
const String contentText1 = '''
|
||
### **基本用法**
|
||
- 静态方法 Scrollable.of 和 Scrollable.ensureVisible 通常用于ListView或者GridView中的Scrollable小部件进行交互
|
||
- 你可以提供自定义的ScrollController，以创建自定义ScrollPosition子类。
|
||
''';
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/components/Scroll/Scrollable';
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
codeUrl: 'components/Scroll/Scrollable/demo.dart',
|
||
contentList: [
|
||
contentText0,
|
||
contentText1,
|
||
ScrollableDemo(),
|
||
],
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/Scrollable-class.html',
|
||
title: 'Scrollable',
|
||
);
|
||
}
|
||
} |