是否可以将两张卡一张放在另一张下面?
Is it possible to make two cards one below the other?
我有一个问题:我需要两张卡一张下面。我用下面的代码试过了,但是容器中的第二个 "child" 是红色的,我作为初学者不知道为什么。是的,我知道,child 只是一个,children 不止一个,但我不知道它应该如何与 children 一起使用。如果有人可以帮助我解决这个(可能很容易解决的)问题,我会很高兴。提前致谢!
Container(
child: Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print Text("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
child: Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print Text("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
),
您需要使用 Column
小部件来逐个显示多个小部件,如下所示:
Column(
children: <Widget>[
Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
]
),
我有一个问题:我需要两张卡一张下面。我用下面的代码试过了,但是容器中的第二个 "child" 是红色的,我作为初学者不知道为什么。是的,我知道,child 只是一个,children 不止一个,但我不知道它应该如何与 children 一起使用。如果有人可以帮助我解决这个(可能很容易解决的)问题,我会很高兴。提前致谢!
Container(
child: Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print Text("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
child: Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print Text("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
),
您需要使用 Column
小部件来逐个显示多个小部件,如下所示:
Column(
children: <Widget>[
Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
Card(
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
print("Got it");
},
child: Container(
child: Text("title", style: TextStyle(fontSize: 20)),
//width: 300,
height: 100,
color: Colors.blue,
),
),
),
]
),