Flutter第十弹 ScrollView滚动组件
在Flutter中,ScrollView
是一个可滚动的组件,它允许你创建一个列表或者网格,如果内容超过屏幕大小,可以实现滚动查看。
以下是一个简单的ScrollView
使用实例,包含一个列表:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('ScrollView Example'),
),
body: ScrollView(
children: <Widget>[
ListTile(
title: Text('Item 1'),
),
ListTile(
title: Text('Item 2'),
),
ListTile(
title: Text('Item 3'),
),
// ... 更多的ListTile根据需要添加
],
),
),
);
}
}
在这个例子中,ScrollView
包含了多个ListTile
,如果列表内容超过屏幕高度,就可以垂直滚动查看。如果你需要水平滚动,可以使用ListView
组件,并设置scrollDirection
为Axis.horizontal
。
评论已关闭