Flutter里常用的组件碰到的问题记录一下,

1,在flutter时使用宽高比设置控件的大小,可以使用AspectRatio这个控件:


宽高比

2、需要设置子组件到左上角、右上角的位置等操作,可以考虑使用Strack+Positioned的组建组合;

比如,我要实现一个下图中的选中的标签样式:


样例

那么我们可以这样搞


代码

3、默认的分割线Divider可以设置距离左边的距离;


divider

这样我们的分个线,可以不需要自己做margin设置了。

4、TextFormField,默认的上下间距太大,可以考虑使用这个属性isDene=true:

    是InputDecoration这个类的属性:

     this.isDense, //改变输入框是否为密集型,默认为false,修改为true时,图标及间距会变小

5、TextFormField如果设置maxLength属性后会默认在右下角给一个0/3的字符,怎么去掉呢?


修改前

可以修改countTex=‘’这个属性:


代码


去掉后的效果

6,关于页面跳转

如果我们要执行某个操作后关闭之前的页面,直接到首页,我们可以使用以下的路由操作:


关闭所有页面并打开新页面


关闭某些页面,打开新页面

例如:上图中我打开了SubmitPriceSuccessPage,并且关闭页面直到Mainpage这个页面,

Navigator.pushNamedAndRemoveUntil( context, SubmitPriceSuccessPage.ROUTER_NAME,//新打开的页面路由名字 ModalRoute.withName(MainPage.ROUTER_NAME));//pop到此页面为止

你可能感兴趣的:(Flutter里常用的组件碰到的问题记录一下,)