Флаттер ListTile

#firebase #flutter

#firebase #флаттер

Вопрос:

могу ли я каким-либо образом добавить больше значения к ListTile в коде, поскольку я пытаюсь использовать ListTile для вызова значения данных в FireCloud. На данный момент я могу вызвать только 2 из данных, которые есть в документе. Была бы очень признательна любая помощь в том, как вызывать несколько данных в FireCloud и отображать их.

     return Container(
     child: Card(
      child: ListTile(
       title: Text(widget.post.data["Address"]),
        subtitle: Image.network(widget.post.data["Picture"], 
     ),
   ),
 ),
);

1. не в плитке списка, но вы можете создать свой собственный виджет, который может иметь несколько значений, используя столбец и текстовый виджет в качестве дочерних элементов.

Ответ №1:

Проверьте этот пример, который будет работать для вас :

  ListView.builder(
            itemCount: /* snapshot.data.length */,
            itemBuilder: (_, index) {
              return  GestureDetector(
                onTap: (){
                  //navigateToDetail(snapshot.data[index]),
                },
                              child: Card(
                  child: Column(
                    children: <Widget>[
                     Text('your address'),
                     Text('you and another data')

                    ],
                  ),
                ),
              );
          }),

Вы можете выровнять его так, как хотите.

Дайте мне знать, если это сработает

1. pastebin.com/qhr2qFYA Вот мой полный код для этого ListView. Я получил конструктор ListView в другом виджете, но этот ListTile находится в другом виджете.

2. только что видел ваш код, так что вы хотите, я в замешательстве, используете ли вы ListTile, чтобы получить больше информации правильно.

3. Да, поэтому, когда я нажимаю ListBuilder, он переходит в виджет ListTile, а затем просматривает содержимое внутри него.

4. посмотрите пример, который я отредактировал. Дайте мне знать, если это сработает.

Ответ №2:

Используйте конструктор ListView.builder, это поможет вам получить полные данные из FireCloud . Вы можете использовать его следующим образом:

Требуются две основные вещи::

ItemCount: сохраняет количество данных, которые вы собираетесь извлечь из FireCloud . Сохраните поступающие данные в виде списка, а затем передайте их в этот ключ
itemBuilder: создает ваше представление, в котором будут использоваться данные из переданного элемента в itemCount

Ссылка:

 ListView.builder(
  itemCount: listItems.length,
  itemBuilder: (BuildContext ctxt, int index){
    // your_view
  }
)

Для получения дополнительной информации, пожалуйста, обратитесь к этой статье Medium о том, как начать: Flutter: отображение содержимого с помощью ListView.builder