如何在 Flutter 中创建圆的 ListTile

发表于 2023年04月25日
flutter

在 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'),
            ),
          ],
        ),
      ),
);