flutter获取父组件的高度，获取父组件的值

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 有一个重要差异是文件系统路径不同，这是因为Dart VM 是运行在 PC 或服务器操作系统下，而 Flutter 是运行在移动操作系统中，他们的文件系统会有一些差异。

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

相关问答

Q1: Flutter-布局

1、弹性布局允许子组件按照一定比例来分配父容器空间 Flex组件和Row、Column属性主要的区别就是多一个direction。 当direction的值为Axis.horizontal的时候，则是Row。 当direction的值为Axis.vertical的时候，则是Column。

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

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

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

5、表格布局和线性布局比较相似，只是使用起来更简洁一些。

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

1、第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

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

3、也就是Widget会被重建，重建时原有的状态不会自动恢复，里面的文字自然就消失了，解决方法是把flutterlistviewitem封装成一个StatefulWidget，然后用AutomaticKeepAliveClientMixin来保证TextField不会被回收。

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

5、GestureDetector的 behavior 有三个类型 默认是deferToChild，只有当children可以接收点击事件才能响应点击。

6、显示输入的密码以便用户可以看到实际输入的内容，设置属性 obscureText 为 false ：我们制作了一个简单的Flutter应用，在屏幕中心包含 TextField widget （你也可以使用 TextFormField ）。

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

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

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

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

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

Q4: Flutter踩坑之旅

最近在写flutter应用，需要集成蓝牙功能，用了一个第三方的库，踩了一些坑，做一下记录。

最近在做个flutter蓝牙功能，用的flutter_blue，在iOS上没有任何问题，照着例子写完，正常运行蓝牙功能，但是在安卓上发现各种坑，用这个插件首先是有些设备拿不到设备名称，还有就是读写特征和ios上拿到的也不一样。

由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。

记录下坑 一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

年底因公司业务组合部门调整，新的团队部分维护的项目用React Native技术混合开发。为适应环境变化，开启疯狂RN学习之旅，晚上回来啃资料看视频。可能由于本身对RN技术体验不感冒或者在环境之下强迫学习有点不爽。

flutter获取父组件的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于获取父组件的值、flutter获取父组件的高度的信息别忘了在本站进行查找喔。