Flutter 中的 Divider 小部件:全面指南
在Flutter中,Divider是一个小部件,用于在列表项或其他布局元素之间创建可视分隔线。以下是如何使用Divider小部件的示例代码:
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('Flutter Divider Example'),
),
body: ListView(
children: <Widget>[
ListTile(
title: Text('Item 1'),
),
// 使用Divider小部件添加分隔线
Divider(
height: 10, // 分隔线的高度
thickness: 2, // 分隔线的厚度
indent: 20, // 分隔线开始的缩进
endIndent: 20, // 分隔线结束的缩进
),
ListTile(
title: Text('Item 2'),
),
],
),
),
);
}
}
在这个例子中,我们创建了一个简单的ListView,其中包含两个ListTile项。在这些项之间,我们插入了一个Divider小部件,可以自定义其高度、厚度以及缩进。这个小部件提供了视觉上的分隔,使得列表项更加清晰和整洁。
评论已关闭