0

introducir la descripción de la imagen aquíTengo un valor de un query que viene de un stream QuerySnapshot, quisiera recorrer esos datos e ir poniendolos en pantalla.

Estoy creando un CARD que muestra los dias de una semana, y quiero que en esos dias de la semana se muestre los valores que existan en el query.

Este es el codigo que tengo ahora.

return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            pinned: true,
            floating: true,
            expandedHeight: 200.0,
            title: AppAbar(),
            flexibleSpace: FlexibleSpaceBar(
              background: FlexibleAppBar(),
            ),
            leading: Icon(Icons.menu, color: Colors.white, size: 30.0,),
          ),
          SliverList(
            delegate: SliverChildListDelegate(
                List.generate(6, (idx) {
                  return Padding(
                    padding: const EdgeInsets.all(5.0),
                    child: Card(
                      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15.0)),
                      elevation: 3,
                      margin: EdgeInsets.symmetric(horizontal: 15),
                      child: Consumer<TimeSheetRepository>(
                              builder: (BuildContext context, TimeSheetRepository db, Widget child) {
                                _queryWeekYear = db.queryByMonthYear(
                                    12, 2020);
                                return StreamBuilder(
                                    stream: _queryWeekYear,
                                    builder: (context, snapshot){
                                      if(!snapshot.hasData || snapshot.data.documents == null) return CircularProgressIndicator();
                                      return ListTile(
                                        leading: Column(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          children: [
                                            Text('${_numWeeks[idx]}'),
                                          ],
                                        ),
                                        title: Container(
                                          height: MediaQuery.of(context).size.height/16,
                                          child: ListView.builder(
                                              scrollDirection: Axis.horizontal,
                                              shrinkWrap: true,
                                              itemCount: 7,
                                              itemBuilder: (context, index) {
                                                return Padding(
                                                  padding: const EdgeInsets.only(top: 20.0),
                                                  child: Column(
                                                      mainAxisAlignment: MainAxisAlignment.start,
                                                      children: [
                                                        Row(
                                                          children: [
                                                            Column(
                                                              children: [
                                                                Text('${(DateFormat('EEEE').format(firstweek[index]).substring(0, 1))}',style: TextStyle(fontSize: 12.0, color: Colors.black54)),
                                                              ],
                                                            ),
                                                            SizedBox(width: 28.0),
                                                          ],
                                                        ),
                                                      ]
                                                  ),
                                                );
                                              }
                                          ),
                                        ),
                                        subtitle: Container(
                                          height: MediaQuery.of(context).size.height/20,
                                          child: ListView.builder(
                                              scrollDirection: Axis.horizontal,
                                              shrinkWrap: true,
                                              itemCount: snapshot.data.documents.length,
                                              itemBuilder: (context, index) {
                                                DocumentSnapshot docSnapshot = snapshot.data.documents[index];
                                                return Column(
                                                    mainAxisAlignment: MainAxisAlignment.start,
                                                    children: [
                                                      Row(
                                                        children: [
                                                          Column(
                                                            children: [
                                                              Text('${docSnapshot['date'].toString()}',style: TextStyle(fontSize: 12.0, color: Colors.black54)),
                                                              **// Aqui es donde estoy tratando de encontrar el valor en mi QuerySnashot y colocarlo en el Widget que le asigne la fecha correspondiente**
                                                            ],
                                                          ),
                                                          SizedBox(width: 28.0),
                                                        ],
                                                      ),
                                                    ]
                                                );
                                              }
                                          )
                                        ),
                                        trailing: Column(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          children: [
                                            Container(
                                              decoration: BoxDecoration(
                                                color: Theme.of(context).primaryColorLight.withOpacity(0.2),
                                                borderRadius: BorderRadius.circular(5.0),
                                              ),
                                              child: Padding(
                                                padding: const EdgeInsets.all(8.0),
                                                child: Text( "148", style: TextStyle(color: Colors.blue.shade800, fontWeight: FontWeight.w500, fontSize: 18.0),
                                                ),
                                              ),
                                            ),
                                          ],
                                        ),
                                      );
                                }
                                );
                              }
                      ),
                    ),
                  );
                })
            ),
          ),
        ],
      ),
    );

Cabe destacar que los dias que hay en el QuerySnapshot no necesariamente estan todos. Es decir, Quiero crear un Card que va acontener los dias de una semana en especifico y debajo de cada dia quiero poner el valor que esta en mi Query. Por ende no necesariamente existiran todos los dias de la semana. Pero quiero mostrar la semana completa con los valores que existen

Estoy agregando una imagen de ejemplo. Ahi se ve 5 Crads que representan las semanas, estas semanas tienen a su vez los dias como TITLE (encerrado en el cuadro azul), en el SUBTITLE es en donde quiero mostrar los datos que tengo en mi bd.

Como se ve en la imagen, estoy mostrando valores para los dias Lunes y Martes (encerrado en el cuadro rojo) pero el resto de los dias no necesariamente. Vale destacar que los dias de la semana mostrados en letras, tienen su valor como tal, o sea, el lunes de la semana 50 su valor es 7-Dic-2020 y solo muestro la primera letra correspondiente.

13
  • 2
    Hola bienvenido a StackOverflow en español, las preguntas del tipo: "quiero realiza esto", sin proporcionar información de lo que ya se ha intentado o el error que se esta recibiendo, suelen ser mal aceptadas, por favor edita tu pregunta. Revisa Cómo preguntar.
    – Richard
    Commented el 15 dic. 2020 a las 3:47
  • Tengo el Stream QuerySnapshot y no sé cómo ir recorriendo los valores del query he ir tomando esos valores.
    – JoseO
    Commented el 16 dic. 2020 a las 5:00
  • Podrías por favor agregar el código que has intentando o tienes realizado, junto con el error que recibes o problema, para poder replicar mejor lo que estas intentando.
    – Richard
    Commented el 16 dic. 2020 a las 14:22
  • No veo donde intentas utilizar QuerySnapshot en que parte del código estas teniendo problemas o que error te sale ?
    – Richard
    Commented el 21 dic. 2020 a las 17:13
  • Utilizo un query que es este _queryWeekYear el cual por medio de un Stream me traigo el QuerySnapshot
    – JoseO
    Commented el 21 dic. 2020 a las 17:14

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.