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.

  • es.davy.ai/
  • Programación /
  • ¿Cómo puedo concatenar texto en el “Text widget” con “snapshot.data” en Flutter?

¿Cómo puedo concatenar texto en el “Text widget” con “snapshot.data” en Flutter?

02 Aug, 2023 Programación

Quiero concatenar texto dentro de un widget de texto que contiene una instantánea de datos, pero no pude hacerlo hasta ahora. Este es mi código:

subtitle: Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: <widget>[
    Text(
      snapshot.data!.docChanges[index].doc['entCourse'],
      style: TextStyle(
        fontSize: 13,
        color: Colors.grey,
      ),
    ),
    Text(
      // creo que aquí debería estar el texto a concatenar: '¡La valoración es:'
      snapshot.data!.docChanges[index].doc['valCourse'],
      style: TextStyle(
        fontSize: 8,
        color: Colors.yellowAccent,
      ),
    ),
  ],
),

Lo que quiero es algo como esto:

enter image description here

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para concatenar texto dentro de un widget de texto que contiene un snapshot.data, puedes utilizar la técnica de interpolación de cadenas. Aquí hay una forma de modificar tu código para lograr el resultado deseado:

    subtitle: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <widget>[
        Text(
            snapshot.data!.docChanges[index].doc['entCourse'],
            style: TextStyle(
                fontSize: 13,
                color: Colors.grey,
            ),
        ),
        Text(
            'La valoración es: ${snapshot.data!.docChanges[index].doc['valCourse']}',
            style: TextStyle(
                fontSize: 8,
                color: Colors.yellowAccent,
            ),
        ),
    ],
),

    En este código modificado, la cadena 'La valoración es: ' se concatena con el valor de snapshot.data!.docChanges[index].doc['valCourse'] utilizando la sintaxis ${}. De esta manera, la cadena concatenada se muestra dentro del segundo widget de texto.

Comments are closed.