Flutter 颤振-设置列表瓷砖高度

Flutter 颤振-设置列表瓷砖高度,flutter,dart,Flutter,Dart,我正在尝试创建一个动态水平列表视图。但是,当我创建listview时,它会占用页面上剩余的垂直空间。我曾尝试使用容器限制高度,但没有成功。以下是我迄今为止所尝试的: 列表平铺 class CardTile extends StatelessWidget { final GreetingCard greetingCard; const CardTile({Key key, this.greetingCard}) : super(key: key); @override

我正在尝试创建一个动态水平列表视图。但是,当我创建listview时,它会占用页面上剩余的垂直空间。我曾尝试使用容器限制高度,但没有成功。以下是我迄今为止所尝试的:

列表平铺

  class CardTile extends StatelessWidget {

  final GreetingCard greetingCard;

  const CardTile({Key key, this.greetingCard}) : super(key: key);


  @override
  Widget build(BuildContext context) {
    return
      Container(
        height: 150.0,
        width: 80.0,
        child: Card(
          child: ListTile(
            title: Center(child: Text(greetingCard.ocassion)),
          ),
        ),
      );
  }
}
列表视图生成器:

  class CardList extends StatefulWidget {
  @override
  _CardListState createState() => _CardListState();
}

class _CardListState extends State<CardList> {
  @override
  Widget build(BuildContext context) {

    final greetingsCards = Provider.of<List<GreetingCard>>(context);

    return ListView.builder(
        itemCount: greetingsCards.length,
        itemBuilder: (context, index){
        return Card(
            child: CardTile(greetingCard: greetingsCards[index],));
      }, scrollDirection: Axis.horizontal);
  }
}
class CardList扩展了StatefulWidget{
@凌驾
_CardListState createState()=>\u CardListState();
}
类CardListState扩展了状态{
@凌驾
小部件构建(构建上下文){
最终问候语=提供者(上下文);
返回ListView.builder(
itemCount:greetingsCards.length,
itemBuilder:(上下文,索引){
回程卡(
儿童:CardTile(问候卡:问候疤痕[索引],);
},滚动方向:轴水平);
}
}


如何将高度限制为150像素?

您需要限制ListView.builder的高度:

Container(
  height: 150.0,
  child: ListView.builder(
    ...
  ),
)

我一定试过每一关…除了那一关!非常感谢您的回复。我很乐意帮忙!