Flutter 颤振-设置列表瓷砖高度
我正在尝试创建一个动态水平列表视图。但是,当我创建listview时,它会占用页面上剩余的垂直空间。我曾尝试使用容器限制高度,但没有成功。以下是我迄今为止所尝试的: 列表平铺Flutter 颤振-设置列表瓷砖高度,flutter,dart,Flutter,Dart,我正在尝试创建一个动态水平列表视图。但是,当我创建listview时,它会占用页面上剩余的垂直空间。我曾尝试使用容器限制高度,但没有成功。以下是我迄今为止所尝试的: 列表平铺 class CardTile extends StatelessWidget { final GreetingCard greetingCard; const CardTile({Key key, this.greetingCard}) : super(key: key); @override
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(
...
),
)
我一定试过每一关…除了那一关!非常感谢您的回复。我很乐意帮忙!