Flutter Media Card - изображение и заголовок со ссылкой - PullRequest
Новая
       50

Flutter Media Card - изображение и заголовок со ссылкой

0 голосов
/ 27 октября 2019

Как мне вставить image.network() внутрь карты? 

new Card(
         child: new Container(
        Image.network(data[index]['image'], width:200.0, height: 200.0,fit: BoxFit.cover),
          child: new Text(data[index]['title']),
          padding: const EdgeInsets.all(20.0),
        ),
       )

Это прекрасно работает, если я удалю строку Image.network(...). 

new Card(
            child: new Container(
              child: new Text(data[index]['title']),
              padding: const EdgeInsets.all(20.0),
             ),
       )

Я решил это сам, нопоместит код здесь на тот случай, если у кого-то еще возникнет эта проблема. Так как нет документации о том, как сделать то, что я хотел сделать. Я уверен, что, возможно, есть лучшие способы получить результат, например (текст поверх изображения, но этот вопрос заключался в том, как получить изображение из сети для отображения на карте) 

 new Card(
                        child: new Container(
                          child: new Column(
                            children: <Widget>[
                              Column(
                                  children: <Widget>[
                                    Image.network(data[index]['image'], fit: BoxFit.fitWidth),
                                    Text(data[index]['title'], style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold)),
                                  ]
                              ),
                            ],
                          ),
                        ),
                    )

1 Ответ

0 голосов
/ 28 октября 2019

Я решил это сам, но выложу код здесь на случай, если у кого-то еще возникнет эта проблемаТак как нет документации о том, как сделать то, что я хотел сделать. Я уверен, что, возможно, есть лучшие способы получить результат, например (текст в нижней части изображения, но этот вопрос заключался в том, как получить изображение из сети для отображения на карте) 

 new Card(
                        child: new Container(
                          child: new Column(
                            children: <Widget>[
                              Column(
                                  children: <Widget>[
                                    Image.network(data[index]['image'], fit: BoxFit.fitWidth),
                                    Text(data[index]['title'], style: TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold)),
                                  ]
                              ),
                            ],
                          ),
                        ),
                    )
...