Establecer ancho de columna en flutter

Buscamos en diferentes espacios para de este modo brindarte la respuesta a tu inquietud, si continúas con dificultades puedes dejarnos la inquietud y contestamos sin falta.

Solución:

En lugar de codificar el tamaño, sugeriría usar Flex me gusta

Row(
      children: [
        Expanded(
          flex: 2, // 20%
          child: Container(color: Colors.red),
        ),
        Expanded(
          flex: 6, // 60%
          child: Container(color: Colors.green),
        ),
        Expanded(
          flex: 2, // 20%
          child: Container(color: Colors.blue),
        )
      ],
    )

Que producirá como a continuación,

limitando el width de un Column podría ser

1. limitando el width de Column mismo, uso SizedBox

   SizedBox(
     width: 100, // set this
     child: Column(...),
   )
   

2 (A). limitando width de children en el interior Column, sin valores de codificación

Row(
  children: [
    Expanded(
      flex: 3, // takes 30% of available width 
      child: Child1(),
    ),
    Expanded(
      flex: 7, // takes 70% of available width  
      child: Child2(),
    ),
  ],
)

2 (B). limitando width de children en el interior Column, con valores de codificación.

Row(
  children: [
    SizedBox(
      width: 100, // hard coding child width
      child: Child1(),
    ),
    SizedBox(
      width: 200, // hard coding child width
      child: Child2(),
    ),
  ],
)

Tienes la posibilidad comunicar este enunciado si te fue útil.

---

---

Utiliza Nuestro Buscador