使颤振页面可滚动
Make a flutter Page scrollable
嘿,我目前正在尝试在 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(...) 可滚动。
我想不通。
希望你能帮助我!
提前致谢
将 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 开始,您不再需要 Scaffold
.
前面的 new
关键字
试试 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')),
),
],
)
详情请看下面link ListView
嘿,我目前正在尝试在 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(...) 可滚动。 我想不通。 希望你能帮助我! 提前致谢
将 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 开始,您不再需要 Scaffold
.
new
关键字
试试 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')),
),
],
)
详情请看下面link ListView