垂直行动正在工作，但水平不起作用

Question

我想在卡小部件中添加listView。它在垂直滚动时起作用，但在水平滚动时不行。我该如何修复？它在小型框中。我尝试了灵活和扩展，但无效。

 return Scaffold(
  appBar: appBar(),
  body: Padding(
    padding: const EdgeInsets.only(top: 5, left: 8, right: 5),
    child: Column(
      children: [
        Card(
          elevation: 0,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
            
              SizedBox(
                height: 100,
                width: 110,
                child: SingleChildScrollView(
                  scrollDirection: Axis.vertical,
                  child: ListView.builder(
                    shrinkWrap: true,
                    physics: const BouncingScrollPhysics(),
                    itemCount: 5,
                    itemBuilder: (BuildContext context, int index) {
                      return ListTile(
                        title: TextButton(onPressed: () {}, child: Text(brandName[index])),
                      );
                    },),),)],),),],),),);

Answer 1

而是这样做：

/*...*/
SizedBox(
  height: 100,
  width: 110,
  child: ListView.builder(
    scrollDirection: Axis.horizontal,
    shrinkWrap: true,
    physics: const BouncingScrollPhysics(),
    itemCount: 5,
    itemBuilder: (BuildContext context, int index) {
      return SizedBox(
        width: // set a value,
        child: ListTile(
          // for suggestion you don't need `TextButton` here
          // just do `title: Text(brandName[index])` and use the `onTap` function of `ListTile` instead
          title: TextButton(
            onPressed: () {},
            child: Text(brandName[index])
          )
        ),
      );
    },
  ),
)
/*...*/

Answer 2

用sizedbox（）包装listTile，并明确指定ListTile的宽度。

例如。 SIZIEDBOX（宽度：100，Listile（...）），

以更好地理解请参阅此答案。