0

Me gustaría subir los textos ( Bruce miler) y el otro texto ( @Miller ) , ya que no tengo forma de que puedan verse centrados con el icono de su izquierda , se ven muy abajo del container y descentrados respecto al icono,eh quitado los cierres. Un saludo y gracias.

Así se ve actualmente, no se si hay algún espacio invisible ahí arriba que ocupa el sitio y por eso no me deja ocuparlo.

Aquí os muestro como se ve ..

Widget renderPata(){
   return Container(
        width: double.infinity,
        height: 85,
        color:Colors.white,
     child: Padding(  padding: const EdgeInsets.symmetric(),
  child: Row(
      children: [
        Padding(padding: EdgeInsets.only(
          top: 2,
          left: 10,
          right: 10,
        ),
        ),
         Center(
           child: Image.asset('assets/images/icons/ic_default_user.png', width: 70),
        ),
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container ( 
                height: 30,
                padding: const EdgeInsets.only(
                top: 10,
                right: 20,
                ),
              child: Align( 
                alignment: Alignment.topRight,
               child:Text('Hace 1 hora',
               style: TextStyle(
                    color: const Color (0xffc4c2bf),
                    fontSize:16,
                    fontWeight: FontWeight.w400
                  ),
                )
              )
              ),
              Container(
                padding: const EdgeInsets.only(
                  left: 25,
                  bottom: 3
                  ),
                child: Text(
                  'Bruce Miller',
                  style: TextStyle(
                    color: const Color (0xff87837e),
                    fontSize:19,
                    fontWeight: FontWeight.w400
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(
                  left: 25,
                ),
                child: Text(
                  '@bmiller',
                  style: TextStyle(
                    color: const Color (0xffc4c2bf),
                    fontSize:18,
                    fontWeight: FontWeight.w400

1
  • puedes poner todo el método al parecer se cortó Commented el 20 abr. 2020 a las 19:31

1 respuesta 1

1

El problema que tienes es que trabajaste con un Column y este posiciona los Widget uno debajo del otro, por tanto el Text('Hace 1 hora') ocupaba ese espacio en blanco al que te refieres, solo que estaba acomodado al lado derecho de tu Column, lo que hice fue sacar ese Text('Hace 1 hora') del Column y trabajarlo por separado, y algunos ajustes extras.

  Widget renderPata(){
      return Container( width: double.infinity,height: 85, color:Colors.white,
        child: Padding(  padding: const EdgeInsets.symmetric(),
        child: Row(children: [
        Padding(padding: EdgeInsets.only(top: 2,left: 10,right: 10,),),        
        Center(child: Image.asset('assets/images/icons/ic_default_user.png', width: 70),),        
        Expanded(child: Container(height: double.infinity,
                    child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              Container(
                                padding: const EdgeInsets.only(left: 25,bottom: 3),
                                child: Text( 'Bruce Miller',
                                    style: TextStyle(
                                      color: const Color (0xff87837e),
                                      fontSize:19,
                                      fontWeight: FontWeight.w400
                                    ),
                                  ),
                              ),

                              Padding(
                                padding: const EdgeInsets.only(left: 25,),
                                child: Text('@bmiller',
                                    style: TextStyle(
                                      color: const Color (0xffc4c2bf),
                                      fontSize:18,
                                      fontWeight: FontWeight.w400,
                                    ),
                                  ),
                              ),
                            ]),
                ),
        ),

        Container (height: double.infinity,padding: const EdgeInsets.only(top: 6,right: 20,),
                child:Align( 
                        alignment: Alignment.topRight,
                        child:Text('Hace 1 hora',
                                style:TextStyle(
                                        color: const Color (0xffc4c2bf),
                                        fontSize:16,
                                        fontWeight: FontWeight.w400
                                      ),
                                  )
                        )
        ),
      ]),
     ),
   );  
  }
2
  • Vale si yo pense tmb en trabajarlo por separado en un contenedor ya me imaginaba ejejejee , muchas gracias santiago un saludo. Commented el 21 abr. 2020 a las 10:36
  • Un gusto, saludo! Commented el 21 abr. 2020 a las 18:15

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.