0

introducir la descripción de la imagen aquíQUIERO HACERLO DE LA SIGUIENTE MANERA

Quiero acomodarlo como se muestra en la imágen pero no se me acomoda bien, espero su respuesta gracias, soy nuevo en Flutter anexo mi código ya que no sé como acomodarlo.

// CÓDIGO

Widget ubicacion(){ return Container(

child: Column(
children: [
    Text("Good Morning",
    style: TextStyle(
      fontSize: 25,
      fontWeight: FontWeight.bold,
    ),
    ),


    Row(
      children: [
        Icon(
          Icons.location_on_outlined,
          size: 25,
        ),
        Text("648 Bridge Street")
      ],
    ),
  Icon(
    Icons.face,
    size: 50,
  ),
  ],
),

); }

2 respuestas 2

0

El error es que tienes todo dentro del Column

        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Text(
                  "Good Morning",
                  style: TextStyle(
                    fontSize: 25,
                    fontWeight: FontWeight.bold,
                  ),
                ),
                Row(
                  children: const [
                    Icon(
                      Icons.location_on_outlined,
                      size: 25,
                    ),
                    Text("648 Bridge Street"),
                  ],
                ),
              ],
            ),
            const Icon(
              Icons.face,
              size: 50,
            ),
          ],
        ),

introducir la descripción de la imagen aquí

2
  • Muchísimas gracias!!! En verdad, te lo agradezco! Commented el 5 feb. 2022 a las 5:03
  • @GabrielGonzálezDeveloper Si se resolvio tu problema marca la respuesta como correcta.
    – loki
    Commented el 5 feb. 2022 a las 5:15
0

no entendi bien que es lo que lo que no te funciona, pareces ir por el camino correcto. De todas formas, te muestro como lo hubiera hecho yo:

child: Column(
    children:[
         Row(
          children: [
            Colunm(
               children:[
                  Text("Good Morning",
                        style: TextStyle(
                        fontSize: 25,
                        fontWeight: FontWeight.bold,
                        ),
                      ),
                  Row(
                   children: [
                         Icon(
                             Icons.location_on_outlined,
                             size: 25,
                            ),
                         Text("648 Bridge Street")
                           ],
                       ),
                  Icon(
                    Icons.face,
                    size: 50,
                   ),
                 ]
              )
          ]
        )
3
  • Lo quiero tal como en la imágen, y me sale diferente a la imágen, no se me acomoda, ¿Que estaré haciendo mal? Commented el 5 feb. 2022 a las 2:26
  • @GabrielGonzálezDeveloper Incluye la imagen actual de tu app.
    – loki
    Commented el 5 feb. 2022 a las 3:10
  • @loki ya agregué la imagen Commented el 5 feb. 2022 a las 4:03

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.