Можно ли сделать две карты одну под другой? - PullRequest
0 голосов
/ 16 апреля 2020

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

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 Ответ

0 голосов
/ 16 апреля 2020

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