flutter界面高度，flutter状态栏高度

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

Flutter-如何计算文字宽高

在某些业务上，可能我们需要计算多段文字的高度，达到动态适配ListView高度的目的，满足我们产品的优（bian）秀（tai）需求。在android原生层大家都知道有各种手段可以计算文字的宽、高等，例如paint.layout等等手段。

界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

flutter的布局模型是“一步布局模型”（one-pass layout model），在渲染树中，向下treewalk传递给子盒约束，然后再向上treewalk将计算好的几何形状(比如高度、宽度等)传递给父。

Row(children：[Expanded(child：Text(long text...))])或者用Flexible 也可以。Row(children：[Flexible (child：Text(long text...))])Expanded/Flexible 会限制Row的宽度不要那么长。

一文解决Flutter中使用TextField遇到的各种疑难杂症

一种是使用系统的返回键，比如 android 底部导航自带的返回，另一种是使用导航栏自定义的返回键第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

对于金额等的输入，常常要求TextField限制输入为小数，可使用以下约束：但这种限制会有问题，比如可以输入 0.1 这种其实就不是小数了，并且不能限制小数点的输入位数。

TextField样式自带下划线背景，在decoration中设置border： InputBorder.none即可去掉。

Flutter解决界面超出bug

1、可以看到，Flutter在这里做的处理 _calculateOverflowRegions这个方法，计算界面是否超出边界，如果超出了就添加一个斑马线的布局，可以通过修改源码的方式，暂时让他隐藏直接return就可以了。

2、解析json可以放到子线程线程中，开Isolate去解析，这样，当返回数据特别大的时候也不会阻塞界面。

3、一般这样的问题都是Flutter内部导致的问题，所以优先建议命令执行：flutter clean，然后再次执行操作。

4、plugins or from Xcode问题。解决办法如下：用 [Xcode] 打开工程项目，在 Build Settings 的最下方找到 User-Defined，点击 + 按钮，添加一个键为 FLUTTER_BUILD_MODE ，debug设置profile模式，release设置release 模式。

5、界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

【Flutter】ListView、GridView高度自适应并随页面滚动

1、当ListView、GridView作为Wrap、Column等组件的子组件时，若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

2、SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

3、ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。

4、类似这种Column滚动超出！实现页面滑动需要用到SingleChildScrollView组件，SingleChildScrollView和Android中ScrollView类似问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

5、shrinkWrap 常用于内容大小不确定情况，如果滚动视图( ListView/GridView/ScrollView 等)没有收缩包装，则滚动视图将扩展到允许的最大大小。