Flutter实战经验
学习笔记
Flutter
1. 设置背景图
Container(
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/test.jpeg'),
fit: BoxFit.fitHeight))
)
decoration
可以设置背景色,背景图,边框,盒阴影…
2. Scaffold键盘托起重建问题
问题:当使用Scaffold
布局时,唤起键盘会引起内容的resize
,造成UI高度混乱。
解决:设置resizeToAvoidBottomInset
为false
可以阻止Scaffold
的重建。
Scaffold(
resizeToAvoidBottomInset: false
)
3. 主纵轴
问题:当使用Row
,Column
类似组件时,会有主纵轴对其的设置,所以主纵轴怎么区分。
解决:以Row
为例,它用于横向布局,描述widget
在一行上的布局。那么其主轴(mainAxis
)为横向,纵轴(crossAxis
)垂直于主轴为竖向。
4. 监听事件
问题:我想在某段文字上添加点击事件。
解决:GestureDetector
GestureDetector(
onTap: () => {},
child: Text('press me')
)