如何在 Flutter 中创建圆的 ListTile

在 Flutter 中，当你使用ListTile创建的小部件，要使其长按波纹也是圆角的话，您可以通过将其形状属性shape设置为 RoundedRectangleBorder(/*…*/) 来实现具有圆角的 ListTile 小部件。下面是一个具体的例子来证明这一点。

Scaffold(
appBar: AppBar(title: const Text('uedbox.com')),
body: Padding(
padding: const EdgeInsets.all(20),
child: Column(
children: [
const ListTile(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(25),
topRight: Radius.circular(25),
bottomRight: Radius.circular(10),
bottomLeft: Radius.circular(10))),
tileColor: Colors.indigo,
textColor: Colors.white,
iconColor: Colors.white,
leading: Icon(Icons.light),
title: Text('List Tile 2'),
subtitle: Text('This is a subtitle'),
),
const Divider(
height: 50,
),
ListTile(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30)),
tileColor: Colors.green,
textColor: Colors.white,
iconColor: Colors.white,
leading: const Icon(Icons.light),
title: const Text('List Tile 1'),
subtitle: const Text('This is a subtitle'),
),
],
),
),
);