flutter - 如何在展开的ListView中设置容器宽度

Question

当我将 ListView 包裹在 Expanded 小部件内时，我无法设置 Container 的宽度。

Widget build(BuildContext context) {
return Center(
  child: Column(
    children: [
      Padding(
        padding: EdgeInsets.only(top: 30, bottom: 30),
        child: Text(
          'Transactions History',
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 25,
          ),
        ),
      ),
      Expanded(
        child: ListView.builder(
          physics: BouncingScrollPhysics(),
          itemCount: 30,
          itemBuilder: (BuildContext context, int index) {
            return Container(
              width: 100,
              color: Colors.red,
              child: Card(
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 15),
                ),
              ),
            );
          },
        ),
      ),
    ],
  ),
);
}

Answer 1

您需要在 Align 小部件内的 itemBuilder 中添加 listItem 的 Container。

因此，您在 itemBuilder 中的代码将如下所示:

return Align(
  alignment: Alignment.centerLeft,
  child: Container(
    width: 100,
    color: Colors.red,
    child: Card(
      child: Padding(
        padding: const EdgeInsets.symmetric(
           horizontal: 25,
           vertical: 15,
        ),
      ),
    ),
  ),
);