个人技术分享

Offstage是Flutter中的一个布局小部件，它通过offstage属性来控制其子组件是否出现在屏幕上。当offstage设置为true时，子组件将被隐藏，同时它也不会占用布局空间；当设置为false时，子组件将正常显示。Offstage提供了offstageoffstage：当设置为true时，子组件将被隐藏。Offstage(offstage: false, // 子组件显示child: YourWidget(), // 需要控制显示状态的子组件。

通过使用过滤器，你可以将复杂的文本处理逻辑从模板中分离出来，使模板更加简洁和易于维护。同时，过滤器还可以在不同的组件之间复用，提高代码的可重用性。在Vue.js中，你可以全局注册或局部注册过滤器，以便在需要的地方使用它们。的数据改变时，过滤器会自动被调用，并返回截取后的文本内容。在这个例子中，文本被截取为前10个字符，并在末尾添加了省略号。它们提供了一种方便的方式来处理模板中的文本数据，使其满足特定的展示需求或格式要求。'这是一段很长的文本内容，需要被截取并格式化。// 否则，截取文本并添加省略号。

是 Flutter 的包中的一个类，它提供了一组工具，用于在应用运行时检查和操作 widget。它可以显示 widget 的层次结构、属性、状态，并允许开发者更改这些属性来实时查看效果。筛选器：您可以添加自定义筛选器来隐藏或显示特定的 widget 类型。扩展：通过实现，您可以添加自定义的调试信息或操作。

Vuex使用总结

是 Flutter 的包中的一个类，它提供了一组工具，用于在应用运行时检查和操作 widget。它可以显示 widget 的层次结构、属性、状态，并允许开发者更改这些属性来实时查看效果。筛选器：您可以添加自定义筛选器来隐藏或显示特定的 widget 类型。扩展：通过实现，您可以添加自定义的调试信息或操作。

先看效果。

是Flutter的widgets库中的一个组件，它提供了一个有序的列表，允许你通过动画来添加或移除列表项。内部使用了一个List来存储数据，并提供了一组方法来更新列表内容。

ExpandIcon是 Flutter 的material包中的一个动画图标，显示为一个旋转的箭头，指示内容可以展开或收起。默认情况下，点击ExpandIcon会切换其旋转状态，从而改变其含义：从展开变为收起，或从收起变为展开。ExpandIconisExpanded：一个布尔值，用于控制图标的初始状态（展开或收起）。onToggle：当图标状态改变时调用的回调函数。isExpanded: true, // 设置初始状态为展开isExpanded。

是一个根据的值自动构建 widget 的小部件。它非常适合用于那些需要响应底层数据变化的场景，如表单字段的值、主题变化、用户设置等。valueListenable: _counter, // 假设 _counter 是一个 ValueNotifiervalue。

由于公司已经有第一个吃螃蟹的项目组，我在迁移的时候想着站在巨人的肩膀上，但是搭配环境一定要问清楚对方flutter版本，路径也要安排好，不然就不行。对着自己的项目照着葫芦画瓢，我刚开始为了配置管理图个方便随便放，没有把flutter和自己的iOS项目都统一路径，然后pod update就一直。后来不报希望的放在一起，

本文介绍Flutter Widgets Easier组件库中隐私守卫及其用法。

需求：webview可以通过录音后语音转文字。

是一个概念，指的是用于控制侧边抽屉显示和隐藏的逻辑和状态管理。虽然Flutter没有直接提供名为的组件，但是我们可以创建一个自定义控制器来管理Drawer组件的行为。

FormField是一个包装器小部件，它将输入字段、验证逻辑和值更新结合在一起。它是一个通用的表单字段小部件，可以与任何类型的输入小部件（如CheckboxSlider等）配合使用。FormField：字段的初始值。onSaved：当表单保存时调用的回调。onChanged：当字段值改变时调用的回调。validator：验证字段值的回调。：是否自动验证字段值。},value');},

下载需要的sdk。

当给变量赋值时需要确保仅在为空时才赋值，可以使用空值合并运算符。这个运算符在Dart中使用两个问号（??=）表示。这种运算符在开发中非常有用，特别是在处理可能为null的变量时。

是Flutter的widgets库中的一个组件，它提供了一个有序的列表，允许你通过动画来添加或移除列表项。内部使用了一个List来存储数据，并提供了一组方法来更新列表内容。

在 Vue.js 中，v-for指令用于渲染一个列表的数据。当使用v-for时，强烈建议为每个被渲染的元素提供一个唯一的key属性。key的主要作用是为了帮助 Vue.js 跟踪每个节点的身份，从而可以重用和重新排序现有元素。

这样我们就可以在_MyHomePageState的_showSnackBar方法中通过_scaffoldKey.currentState访问到Scaffold的状态，并调用showSnackBar方法来显示一个SnackBar。在Flutter中，GlobalKey是一种特殊的键，可以标识Widget树中的特定Widget，并允许直接与该Widget交互。GlobalKey不应该在build方法中初始化，否则会每次build都重建GlobalKey，更好的办法是让State对象拥有GlobalKey对象，

Flutter 依据JSON数据自动生成实体类。如果生成过程中出现报错可能是你已经有了对应的文件，可以选择删除，重新生成，如下图。//清除之前生成的文件，如果直接运行下面的不行。然后在左边输入你的json数据，它会自动生成对应的实体类。会自动生成一个.g.dart的文件。把这个文件放到model里。或者是先清理，然后重新执行。//可以直接运行这个。