Question

现在我在 Flutter 中像这样使用 ListTile：

ClipRRect(
              borderRadius: BorderRadius.circular(10),
              child: Container(
                  color: Colors.white,
                  child: ListTile(
                    leading: Icon(Feather.settings),
                    title: Text("设置"),
                    onTap: () async {
                      Widget page = CustomSetting();
                      Navigator.push(
                        context,
                        MaterialPageRoute(builder: (context) => page),
                      );
                    },
                  ))
          )

这是现在的结果：

现在我想让 ListTile 不填满屏幕的宽度，保持左右两边有一些间隙，但是当我调整 Container 的宽度时它没有任何变化，我应该怎么做才能使它工作？效果可能是这样的：

我添加了这样的填充但仍然不起作用：

ClipRRect(
              borderRadius: BorderRadius.circular(10),
              child: Container(
                  color: Colors.white,
                  //margin: const EdgeInsets.only(left: 20.0, right: 20.0),
                  child: Padding(
                      padding: EdgeInsets.symmetric(horizontal: 40),
                      child: ListTile(
                        leading: Icon(Feather.settings),
                        title: Text("设置"),
                        onTap: () async {
                          Widget page = CustomSetting();
                          Navigator.push(
                            context,
                            MaterialPageRoute(builder: (context) => page),
                          );
                        },
                      ))))

Answer 1

将其包含在 Padding 小部件中。

spring.jpa.hibernate.ddl-auto=update

Answer 2

用填充包裹你的 ClipRRect

Padding(
          padding: EdgeInsets.only(left:10,right:10),
        child:ClipRRect(
              borderRadius: BorderRadius.circular(10),
              child: Container(
                  color: Colors.white,
                  child: ListTile(
                    leading: Icon(Icons.settings),
                    title: Text("设置"),
                  ))
          ),
        ),

如何在颤动中调整 ListTile 宽度

2 个答案: