Flutter第十弹 ScrollView滚动组件
warning:
这篇文章距离上次修改已过453天,其中的内容可能已经有所变动。
在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。
评论已关闭