Flutter教學(xué)目錄持續(xù)更新中
Github源代碼持續(xù)更新中
1.SingleChildScrollView介紹
有一個(gè)子widget的可滾動(dòng)的widget，子內(nèi)容超過(guò)父容器時(shí)可以滾動(dòng)。
2.SingleChildScrollView屬性
- scrollDirection = Axis.vertical：滑動(dòng)方向
- reverse = false：是否倒序
- padding：內(nèi)邊距
- primary：當(dāng)內(nèi)容不足以滾動(dòng)時(shí)匪煌，是否支持滾動(dòng)搁拙；
- physics：控制用戶滾動(dòng)視圖的交互
- controller：滑動(dòng)控制器
- child：
3.使用
ScrollController _scrollController;
@override
void initState() {
_scrollController = ScrollController();
_scrollController.addListener(() {
print('_scrollController ${_scrollController.offset}');
});
super.initState();
}
_myChildren() {
return [
Container(
height: 300,
color: Colors.blue,
),
Container(
height: 300,
color: Colors.yellow,
),
Container(
height: 300,
color: Colors.red,
),
Container(
height: 300,
color: Colors.green,
),
];
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('SingleChildScrollView'),
),
body: SingleChildScrollView(
controller: _scrollController,
reverse: true,
child: ListBody(
children: _myChildren(),
),
restorationId: 's1',
),
);
}
@override
void dispose() {
_scrollController.dispose();
super.dispose();
}
image.png
