Можно ли расположить две карты одна под другой?

У меня вопрос: мне нужны две карты, одна под другой. Я пробовал это с приведенным ниже кодом, но второй "ребенок" из контейнера - красный, и я, как новичок, не знаю почему. И да, я знаю, ребенок только один, а детей больше одного, но я не знаю, как это должно работать с детьми. Я был бы рад, если бы мне кто-нибудь помог с этой (наверное, легко решаемой) проблемой. Заранее спасибо!

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,
      ),
    ),
  ),
),

1 ответ

Решение

Вам нужно использовать 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,
        ),
      ),
    ),
  ]
),
Другие вопросы по тегам