FLUTTER: Как изменить цвет фона внутри gridview? - PullRequest
1 голос
/ 18 января 2020

Я использую gridview во флаттере, и у меня есть проблема, цвет фона экрана черный, но когда я возвращаю gridview, цвет фона ячеек белый. Я хочу изменить цвет фона ячеек. Я пытаюсь переместить сетку внутри контейнера и добавить Boxdecoration, но это не работает, вы можете мне помочь? Вот мой код:

Widget build(BuildContext context) {
return Scaffold(
  backgroundColor: Theme.of(context).backgroundColor,
  body: Center(
    child: Column(
      children: <Widget>[
        conseil(text, lien),
        SizedBox(height: 20,),
        Text("GAME PIN", style: TextStyle(fontSize: 40),),
        Container(
          padding: EdgeInsets.fromLTRB(30, 10, 30, 10),
            decoration: BoxDecoration(
              border: Border.all(width: 2.0, color: Color(0xffa8277b)),
              borderRadius: BorderRadius.circular(15),
            ),
            child: Text(id, style: TextStyle(fontSize: 30),)),
        Expanded(
          child: StreamBuilder<QuerySnapshot>(
            stream: Firestore.instance
                .collection('rooms')
                .document(id)
                .collection('users')
                .snapshots(),
            builder: (BuildContext context,
                AsyncSnapshot<QuerySnapshot> snapshot) {
              if (!snapshot.hasData)
                return Text("Chargement....");
              else {
                return GridView.count(
                    crossAxisCount: 6,
                    children: snapshot.data.documents
                        .map((DocumentSnapshot document) {
                      return OvalPic(
                          document['photo'], document['couleur']);
                    }).toList());
              }
            },
          ),
        ),
        button(mypink, 'COMMENCER', context),
        SizedBox(height: 15,)
      ],
    ),
  ),
);

}

1 Ответ

0 голосов
/ 18 января 2020

Заверните его в Container и добавив к нему color,

return Container(
color: Colors.black,
child: GridView.count(
                    crossAxisCount: 4,
                    children: snapshot.data.documents
                        .map((DocumentSnapshot document) {
                      return OvalPic(
                          document['photo'], document['couleur']);
                    }).toList()));
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...