flutter子组件向父组件传值，flutter 父子传值

【Flutter】多组件共用状态,父组件状态传递给子组件

1、场景：多个组件共用一个状态，子组件通过方法改变父组件状态 思路：状态和管理方法定义在父组件，通过构造函数传递给子组件 其他子组件按照同样方法接收即可共用该父组件的状态。

2、背景：flutter组件嵌套都很深，依次传递数据很麻烦，所以最好是能够跨组件传递。有三张跨组件的方式：InheritedWidget、Notification、Eventbus.是一种自上而下的传递数据的方式。

3、在控制器和组进行父子关系绑定前，应当进行以下操作： 确定好父子关系的目的和意义，明确父组件（容器）和子组件（内容）的关系。 在组件内部定义好需要暴露给父组件的属性和方法，并在需要的地方使用这些属性和方法。

4、Vuex 把状态分成组件内部状态和应用级别状态：组件内部状态：仅在一个组件内使用的状态(data 字段)应用级别状态：多个组件共用的状态举个例子：比如说有一个父组件，它有两个子组件。

5、父子组件，父组件给子组件传值，子组件渲染mounted是可以获取子组件的dom节点的。

相关问答

Q1: Flutter中InheritedWidget的使用

所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

在flutter中使用notifacation，目前可以使用官方的插件 Flutter Local Notifications Plugin 来实现。在pubspec.yaml中添加 使用该插件的思路大致为：在android中设置权限管理——引入依赖——初始化。

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

Flutter 中所有的 list 默认都是没有 ScrollBar 的，必须使用 ScrollBar 组件。ScrollBar 组件通过监听 ScrollView 的 ScrollNotification 来刷新位置，所以 List 的长度必须是固定的。

设计语言，例如 Material，定义了在路线(或屏幕)之间转换时的标准行为。不过，有时候，自定义屏幕之间的转换可以使应用程序更加独特。在本教程中，我们将使用包页面 page_animation_transition 来简化在页面上添加转换。

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

Q2: Flutter-布局

1、flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

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

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

Q3: Flutter事件穿透

https：//github.com/flutter/flutter/issues/35784 原因推测：推测是flutter对控制器（或者view）加了分类，重写了控制器的点击事件，用来计算是否在对应的点击位置有flutter响应事件。没有的话再扔出去点击事件。

使用GestureTap 包装组件的时候，子组件使用Expand，点击Expand上有时候不会触发点击事件，这时候在用Container 包装一下，color 设置为 Colors.transparent ，子组件的事件就可以穿透了到父组件了。

用 Listener的onPointerDown 包裹一下，就可以透传点击事件了。

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