Как сделать прокрутку всех мобильных страниц в флаттер?

Question

Знаете ли вы, как сделать прокрутку всех мобильных страниц в флаттере? Потому что, если мы отображаем некоторые виджеты, то появляется ошибка, если она больше высоты экрана мобильного устройства

Answer 1

Это будет работать отлично. Проверьте это.

ListView(
     children: <Widget>[
        // first widget here
        Container(
          height: 200,
          width: MediaQuery.of(context).size.width,
          color: Colors.blue,
        ),
        // third widget here
        Container(
          height: 200,
          width: MediaQuery.of(context).size.width,
          color: Colors.black,
        ),
        // second widget here
        Container(
          height: 200,
          width: MediaQuery.of(context).size.width,
          color: Colors.red,
        ),
      ],
    ),

Answer 2

Вы можете использовать ListView

Widget view(){
    return ListView(
        children: <Widget[
             Text("your widgets here"), 
             SizedBox(height: 20), // you can use these for spacing
        ]
    )
}

Или SingleChildScrollView

Widget view(){
    return SingleChildScrollView(
        children: <Widget[
             Text("your widgets here"), 
             SizedBox(height: 20), // you can use these for spacing
        ]
    )
}