Flutter计算Text宽度，flutter listview设置item宽度

Android原生和Flutter使用过程的差异对比(一)

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

2、常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。

3、Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

4、flutter进行广播注册会返回一个streamSubscription类型的对象，该对象可以进行消息的停止，native可在onCancel回调里面收到。

5、它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。EventChannel 只能是原生发送消息给Flutter端，例如监听手机电量变化，网络变化，传感器等。

相关问答

Q1: Flutter:Row中文字太长导致溢出

Text(long text...) 中文字过长会换行显示。但如果放置在Row()中 Row(children：[Text(long text...)]) 文字就不会换行显示，还可能会报错某一侧长度溢出了多少像素。

空间超出提示 注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

大家在学习Flutter的时候，刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局溢出的问题。

解释：实际上，Row和Column都只会在主轴方向占用尽可能大的空间，而交叉轴的长度则取决于他们最大子元素的长度。

flutter自动换行有几种场景：column中，row中 在Column中的Text不用任何处理，能够自动换行。在Row中的Text需要用Expanded包裹。

Wrap可以实现流布局，单行的Wrap跟Row一样，单列的Wrap则跟Colum一样.但是Row和Column都是单行单列的，Wrap可以多行多列。Wrap能做的事情，flow也能做。但是flow会比较复杂点。

Q2: Flutter-如何计算文字宽高

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

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

3、第一个参数是宽度，单位是px，第二个是高度，单位是px 修改后重新运行生效。源代码路径位于：linux/my_application.cc 找到 方法的第一个数字是宽度，第二个是高度，单位也是px像素。修改后，重新运行生效。

4、容器类控件一般是将某些属性或配置，作用在它的子控件上，比如控件所在的宽高、背景、位置等。 常用的容器控件有 Container、Center、Padding 等。

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

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

Q3: Flutter基础篇——常用Widget

对于初学flutter的朋友来说，要知道，flutter的UI万物皆Widget。 flutter所写的页面的结构可以被看成套娃，一层套一层，一层套一层，一层套一层。。

在Flutter中，我们平时自定义的widget，一般都是继承自StatefulWidget或StatelessWidget（并不是只有这两种），这两种widget也是目前最常用的两种。

InheriedDataWidget 使用起来也很简单，它本身也是一个控件，只要在任意一个页面的子控件调用其构造方法就行，这里我们定义一个形如的 Widget 树。

基础控件就是常用的文字、按钮、图片等控件。 常用的基础控件有 Text、TextField、Button、Image 等。 功能控件 在Flutter 里还有一类控件，它们不影响 UI 布局，但带有一些特定的功能，比如页面跳转、事件监听、定义主题等。

Flutter中Widget分为StatefulWidget和StatelessWidget，分别为动态视图和静态视图，视图的更新需要调用StatefulWidget的setState方法，这会遍历调用子Widget的build方法。

在 StatefulWidget 中，值保存在_State，如果没有标记key。则当更新界面时，会重新调用 Widget build(BuildContext context) 方法。此时，widget 赋值会从头开始从element中拿取数据，放入widget。

Q4: Flutter入门这一篇效率文章就够了

1、这就是 Flutter 的 热重载 ，在修改完代码之后，通过热重载就能马上在设备上看到修改结果，可以很大程度上增加开发效率。 下面再给大家介绍几个 Flutter 里的常见操作。

2、flutter将会帮你更容易，更快速的开发出界面美观的移动应用。是谷歌的亲儿子 支持热重载 ：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

3、在上篇 [Flutter] 07-Flutter中反序列化Json 已经通过6个示例分析过了， 这里不再讨论。

4、底层会生成多个Engine，对应会存在多个isolate，而isolate通讯类似于进程通讯(类似socket或AIDL)，这里借鉴闲鱼FlutterBoost的设计理念，FlutterIM架构将多个页面的Engine共享，则内存模型就天然支持共享读取。

5、（一）布局 Flutter采用深度优先机制遍历渲染对象树，决定渲染对象树中各渲染对象在屏幕上的位置和尺寸。

关于Flutter计算Text宽度和flutter listview设置item宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。