Сделайте флаттер-страницу прокручиваемой

Question

Привет, я сейчас пытаюсь сделать страницу прокручиваемой в flutter / dart. Моя проблема в том, что структура отличается от всего, что я мог найти в Интернете. Сейчас это выглядит так:

 @override
  Widget build(BuildContext context) {
    return new Scaffold(
      resizeToAvoidBottomPadding: false,

  body: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[

      Container(...),

      SizedBox(height: 10.0),
      Row(...),

      Container(...),
    ],
  ),
);
}

Я хочу сделать теперь прокручиваемыми строку (...) и второй контейнер (...). Я не мог этого понять. Надеюсь, вы мне поможете! Заранее спасибо

Answer 1

Попробуйте Flutter ListView. Что-то вроде

ListView(
  padding: const EdgeInsets.all(8),
  children: <Widget>[
    Container(
      height: 50,
      color: Colors.amber[600],
      child: const Center(child: Text('Entry A')),
    ),
    Container(
      height: 50,
      color: Colors.amber[500],
      child: const Center(child: Text('Entry B')),
    ),
    Container(
      height: 50,
      color: Colors.amber[100],
      child: const Center(child: Text('Entry C')),
    ),
  ],
)

Подробнее см. По следующей ссылке ListView

Answer 2

Оберните свои Row и Container в Column, а затем заверните Column в SingleChildScrollView;

@override
Widget build(BuildContext context) {
  return Scaffold(
    resizeToAvoidBottomPadding: false,
    body: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Container(),
        SizedBox(height: 10.0),
        SingleChildScrollView(
          child: Column(
            children: <Widget>[
              Row(...),
              Container(...),
            ],
          ),
        )
      ],
    ),
  );
}

ps, поскольку с Dart 2.0 вам больше не нужен new ключевое слово перед вашим Scaffold.