es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Mostrando los datos de FireStore de manera atractiva

06 Aug, 2023 Programación

Estoy intentando mostrar este array de una manera agradable. ¿Hay alguna forma de ignorar el texto y simplemente obtener los valores de FireStore? Lo que quiero es que cuando ejecute la aplicación solo se muestren “jocke” y “5”.

return ListView.builder(
  itemCount: data.size,
  itemBuilder: (context, index) {
    return Text('${data.docs[index]['players']}');
  },
);

Link 1
Link 2

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, puedes usar el método map() para recorrer el array data.docs de Firestore y extraer solo los valores que necesitas. Aquí tienes un ejemplo de cómo podrías modificar la función itemBuilder para mostrar solo “jocke” y “5”:

    itemBuilder: (context, index) {
  final playersMap = Map<string, dynamic="">.from(data.docs[index]['players']);
  final player = playersMap.keys.first;
  final score = playersMap[player];
  return Text('$player : $score');
},

    Explicación:

    1. Usamos el constructor from para crear un objeto Map<string, dynamic=""> a partir del campo players del documento de Firestore.
    2. Extraemos el primer par clave-valor del mapa usando keys.first y los asignamos a las variables player y score.
    3. Devolvemos un widget Text que muestra los valores player y score.

    Con esta modificación, la ListView debería mostrar “jocke : 5” para cada elemento.</string,></string,>

Comments are closed.