Flutter实战经验

Flutter实战经验

1. 设置背景图

Container( decoration: BoxDecoration( image: DecorationImage( image: AssetImage('assets/images/test.jpeg'), fit: BoxFit.fitHeight)) )

decoration可以设置背景色,背景图,边框,盒阴影…

2. Scaffold键盘托起重建问题

问题:当使用Scaffold布局时,唤起键盘会引起内容的resize,造成UI高度混乱。

解决:设置resizeToAvoidBottomInsetfalse可以阻止Scaffold的重建。

Scaffold( resizeToAvoidBottomInset: false )

3. 主纵轴

问题:当使用RowColumn类似组件时,会有主纵轴对其的设置,所以主纵轴怎么区分。

解决:以Row为例,它用于横向布局,描述widget在一行上的布局。那么其主轴(mainAxis)为横向,纵轴(crossAxis)垂直于主轴为竖向。

4. 监听事件

问题:我想在某段文字上添加点击事件。

解决:GestureDetector

GestureDetector( onTap: () => {}, child: Text('press me') )
上一篇 Flutter入门
下一篇 正则表达式学习