我调用的小部件未显示在 flutter 列中
Widget that i called doesn't show in flutter column
我在方法中调用的小部件没有显示在输出中,问题是应用程序,没有警告或错误,但仍然没有显示在列中映射的小部件...
我尝试为列或其他方式设置一个容器来显示一些东西...
小部件:
return Container(
width: double.infinity,
height: 300,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: tr.map((trElemEnt) {
Card(
elevation: 5,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
CircleAvatar(
radius: 20,
child: Text(
trElemEnt.price.toString(),
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
trElemEnt.title,
style: TextStyle(fontWeight: FontWeight.bold),
),
Text(
trElemEnt.date.toString(),
style: TextStyle(fontSize: 10, color: Colors.grey),
)
],
)
],
),
);
}).toList()),
);
} ```
call :
```@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
trMaker(tr),
],
);
}
} ```
[--OUTPUT--][1]
[1]: https://i.stack.imgur.com/8dOrJ.png
问题是您没有返回地图中的任何内容。
尝试替换此部分:
...
tr.map((trElemEnt) {
Card(...);
}
...
有了这个:
...
tr.map((trElemEnt) {
return Card(...);
}
...
我在方法中调用的小部件没有显示在输出中,问题是应用程序,没有警告或错误,但仍然没有显示在列中映射的小部件... 我尝试为列或其他方式设置一个容器来显示一些东西...
小部件:
return Container(
width: double.infinity,
height: 300,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: tr.map((trElemEnt) {
Card(
elevation: 5,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
CircleAvatar(
radius: 20,
child: Text(
trElemEnt.price.toString(),
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
trElemEnt.title,
style: TextStyle(fontWeight: FontWeight.bold),
),
Text(
trElemEnt.date.toString(),
style: TextStyle(fontSize: 10, color: Colors.grey),
)
],
)
],
),
);
}).toList()),
);
} ```
call :
```@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
trMaker(tr),
],
);
}
} ```
[--OUTPUT--][1]
[1]: https://i.stack.imgur.com/8dOrJ.png
问题是您没有返回地图中的任何内容。 尝试替换此部分:
...
tr.map((trElemEnt) {
Card(...);
}
...
有了这个:
...
tr.map((trElemEnt) {
return Card(...);
}
...