Flutter: Создание GridView из элементов базы данных Firebase Realtime - PullRequest
Новая
       8

Flutter: Создание GridView из элементов базы данных Firebase Realtime

0 голосов
/ 22 марта 2020

В настоящее время на домашнем экране моего приложения есть виджет firebase_animated_list, который создает listView. Однако я хочу показать эти элементы в GridView, потому что это будет выглядеть намного лучше.

Вот мой фрагмент кода. 100 

body: Column(
          children: <Widget>[
            Flexible(
              child: FirebaseAnimatedList(
                query: firebaseRef,
                itemBuilder: (BuildContext context, DataSnapshot snapshot,
                    Animation<double> animation, int index) {
                  return InkWell(
                    child: ListTile(
                      contentPadding: EdgeInsets.all(7),
                      title: Text(mynode[index].key),
                      leading: CircleAvatar(
                        radius: 30,
                        child: FittedBox(
                          child: Text(mynode[index].id),
                        ),
                      ),
                      trailing: Icon(Icons.play_arrow),
                      onTap: () => Navigator.of(context).push(
                        MaterialPageRoute(
                          builder: (context) => DemoDb(
                            id: othernode[index].id,
                          ),
                        ),
                      ),
                    ),
                  );
                },
              ),
            ),
          ],
        ),

Это прекрасно создает список элементов, но как мне изменить его на GridView? Я попытался использовать GridView.count вместо ListTile виджета. но поскольку он был вложен в firebase_animated_list, каждая сетка расположена внутри этого анимированного списка.

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

Спасибо.

...