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(...),
    ],
  ),
);
}

我现在想使Row（...）和第二个Container（...）滚动。我不知道。希望你能帮助我！预先感谢

Answer 1

将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(...),
            ],
          ),
        )
      ],
    ),
  );
}

p.s。从Dart 2.0开始，您不再需要new前面的Scaffold关键字。

使颤动页面可滚动

1 个答案: