Saltar al contenido

cómo usar singlechildscrollview en el ejemplo de código de flutter

Ejemplo 1: singlechildscrollview no funciona dentro de la columna

Simply wrap your "SingleChildScrollView" widget with "Expanded" widget and it will work...
:)

Widget build(BuildContext context) =>
Scaffold(
  body: Column(
    children: [
      Container(...),
      // Here... Wrap your "SingleChildScrollView" with "Expanded"
      Expanded(
        child: SingleChildScrollView(
          child: Container(...),
        ),
      ),
    ],
  ),
);

Ejemplo 2: vista de lista dentro de singlechildscrollview flutter scrolling

SingleChildScrollView
   Column
     Container
        ListView(
                shrinkWrap: true,
                physics: NeverScrollableScrollPhysics(),
                //...
                )

Ejemplo 3: vista de lista dentro de singlechildscrollview flutter scrolling

ListView(
   primary: false,
   shrinkWrap: true,
),

Ejemplo 4: vista de desplazamiento de un solo niño dentro del aleteo de la columna

Widget build(BuildContext context) =>
Scaffold(
  body: Column(
    children: [
      Container(
        height: 100.0,
        color: Colors.blue,
      ),
      Expanded(
        child: SingleChildScrollView(
          child: Container(
            color: Colors.red,
            padding: EdgeInsets.all(20.0),
            child: Column(
              children: [
                Text('Red container should be scrollable'),
                Container(
                  width: double.infinity,
                  height: 700.0,
                  padding: EdgeInsets.all(10.0),
                  color: Colors.white.withOpacity(0.7),
                  child: Text('I will have a column here'),
                )
              ],
            ),
          ),
        ),
      ),
    ],
  ),
);
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *