我的页面代码是这样的。我需要在appbar下方滚动部分。
@override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar(... ), body: new Stack( children: <Widget>[ new Container( decoration: BoxDecoration( image: DecorationImage(...), new Column(children: [ new Container(...), new Container(...... ), new Padding( child: SizedBox( child: RaisedButton(..), ), new Divider(), new Column( children: <Widget>[ new Container( child: new Row( children: <Widget>[ new Expanded( child: new Text( ), ), new IconButton( icon: IconButton(..), onPressed: () { _changed(true, "type"); }, ), ], ), ), visibilityPropertyType ? new Container( margin: EdgeInsets.all(24.0), child: new Column( children: <Widget>[ new Row( children: <Widget>[ new Expanded(... ), new RaisedButton(..) ], ), new Padding( padding: const EdgeInsets.only(top: 10.0), child: new Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: <Widget>[ new Column( children: <Widget>[ new Row( children: <Widget>[.. ]), new Row( children: <Widget>[]), new Row( children: <Widget>[]), new Row( children: <Widget>[], ), new Column( children: <Widget>[ new Row( children: <Widget>[], ), ], ), ], ), ), ], )) : new Container(), ], ), new Divider( color: Colors.white, ) ]) ], ), ); }
我需要使身体部位可滚动。我如何实现该滚动。是否存在任何自定义滚动方法。我已经尝试过Scrollable,SingleChildScrollView但是不能满足我的需求。当我使用SinglechildScrollView它时会发生错误,BoxConstraints会强制将其设置为无限的高度。如果我删除了LayoutBuilder,则会导致RenderFlex overflowed by 22 pixels on the bottom错误
Scrollable
SingleChildScrollView
SinglechildScrollView
RenderFlex overflowed by 22 pixels on the bottom
将小部件树包装在SingleChildScrollView中
body: SingleChildScrollView( child: Stack( children: <Widget>[ new Container( decoration: BoxDecoration( image: DecorationImage(...), new Column(children: [ new Container(...), new Container(...... ), new Padding( child: SizedBox( child: RaisedButton(..), ), .... ... ); // Single child scroll view
请记住,SingleChildScrollView只能有一个直接小部件(就像Android中的ScrollView)