参考文章 引用站外地址 Flutter 封装 —— 树形组件 NTree https://juejin.cn/post/7255561917682974779?share_token=4608F45C-3B51-43FA-B34C-2F98CD17968E&tt_from=weixin&utm_source=weixin&utm_medium=toutiao_ios&utm_campaign=client_share&wxshare_count=1 先来看下效果 功能描述 tree 树形下拉，把树形数据结构以下拉选择形式展示! 树形下拉 支持多选 支持搜索 准备阶段这里模拟数据, 暂且把数据存放在TreeDataInstance class内部,并以static方式访问该数据! lib/api/tree_data.dart treeData.dart ...

flutter_native_splash 描述 当你的应用程序打开时，会有一段短暂的时间来加载本机应用程序。默认情况下，在此期间，本机应用程序会显示一个白色闪屏。这个包自动生成iOS、Android和Web原生代码，用于定制这个原生闪屏背景颜色和闪屏图像。支持黑暗模式、全屏和特定于平台的选项。 安装1flutter pub add flutter_native_splash 配置在 pubspec.yaml 添加 flutter_native_splash 相关配置 这个包生成本机代码来定制Flutter的默认白色本机启动屏幕带有背景色和飞溅图像。自定义以下参数，并在终端中运行以下命令：flutter pub run flutter_native_splash：create要恢复Flutter默认的白色闪屏，请在终端中运行以下命令：flutter pub run flutter_native_splash：remove 123456# 处理app启动页flutter_native_splash: # 背景颜色 color: "#ffffff" ...

flutter_JSON序列化 json_encode是将数值转换成json格式，json_decode()函数将json数据转换成数组 要序列化一个ServiceInfoModel ，我们只是将该ServiceInfoModel 对象传递给该JSON.encode方法。我们不需要手动调用toJson这个方法，因为JSON.encode已经为我们做了。 1234567891011121314151617181920class User { User(this.id, this.name); int id; String name;//jsonDecode(sting) ->就是fromJson过程 转成结果为map User.fromJson(Map<String, dynamic> json) { id = json['id']; name = json['name']; }//jsonEncode(user) ->就是tojson过程 Map<String, ...

进程 程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程! 每个应用至少有一个进程，进程之间相互独立，即使要通信，也需要双方同意。 线程 有了进程后，就可以运行程序的代码了。 运行代码的「人」称之为「线程」。 一个进程至少有一个线程，所以在进程开启后会自动创建一个线程来运行代码，该线程称之为主线程。 如果程序需要同时执行多块代码，主线程就会启动更多的线程来执行代码，所以一个进程中可以包含多个线程。 浏览器浏览器是一个多进程多线程的应用程序 浏览器内部工作极其复杂。 为了避免相互影响，为了减少连环崩溃的几率，当启动浏览器后，它会自动启动多个进程。 可以在浏览器的任务管理器中查看当前的所有进程 进程 浏览器进程 主要负责界面显示、用户交互、子进程管理等。浏览器进程内部会启动多个线程处理不同的任务。 网络进程 负责加载网络资源。网络进程内部会启动多个线程来处理不同的网络任务。 渲染进程 渲染进程启动后，会开启一个渲染主线程，主线程负责执行 HTML、CSS、JS 代码。默认情况下，浏览器会为每个标签页``开启一个新的渲染进程，以保证不同的标签页 ...

JavaScript scrollIntoView 描述Element 方法 scrollIntoView：滚动父级容器，使得元素出现在视口。 参数 属性 类型 可选值 alignToTop boolean true,false scrollIntoViewOptions object { behavior: 'auto' / 'smooth', block: 'start' / 'center' / 'end' / 'nearest', inline: 'start' / 'center' / 'end' / 'nearest'} alignToTop 当传入参数true时，相当于{behavior: 'auto', block: 'start', inline: 'nearest'} 当传入参数false时 ...

flutter_launcher_icons 生成 android 和 ios 应用图标， 可以借助 flutter 插件 flutter_launcher_icons 来帮我们完成! result 准备app图片一张尺寸为：1024*1024大小的桌面icon图标，放入项目图片资源文件内。 app_icon.jpg assets/images/app_icon.png 添加flutter依赖1flutter pub run flutter_launcher_icons or 在 dev_dependencies 下添加 flutter_launcher_icons 12dev_dependencies: flutter_launcher_icons: ^0.13.1 添加完记得在获取下依赖: 1flutter pub get 在y ...

Flutter BottomNavigationBar 页面缓存 使用BottomNavigationBar实现页面的类似Android中Fragment切换的效果时，发现每次切换页面的时候，上个页面都会被销毁，新的页面都会重新创建，但是有时不需要重新创建，因此需要对页面进行缓存. IndexedStack IndexedStack可以同时创建多个Widget然后根据index展示对应的页面，关键代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667class MainPage extends StatefulWidget { const MainPage({Key? key}) : super(key: key); @override State<MainPage> createState() => _MainPage ...

didChangeAppLifecycleState 设置 app 应用处于切换app窗口 时隐藏内容!我门可以通过这个方法 didChangeAppLifecycleState 来监听 整个app 到生命周期，该方法位于 WidgetsBindingObserver抽象类! 可监听状态 resumed 正常状态 app可见状态 inactive 窗口激活缩放到后台 app 可见状态 puased 切换到另一个app 或者回到桌面 app 不可见状态 detached app 后台 程序被关闭 resumed resumed inactive inactive puased puased detached detached ...

引用站外地址 iTerm2具体安装教程 https://zhuanlan.zhihu.com/p/550022490 安装 iTerm2 终端下载地址 引用站外地址 iTerm2下载地址 http://iterm2.com/ 使用Homwbrew安装 1brew install iterm2 配置 iTerm2 终端设置iTerm2为默认终端 访达菜单 iTerm2 > Make iTerm2 Default Term 选择设置默认即可! 配置主题主题推荐draculatheme 主题 引用站外地址 ...

命令 是否删除对代码的修改 是否删除Commit记录 是否会新增Commit记录 Undo Commit 不会 未Push会，已Push不会 不会 Revert Commit 会 不会 会 Drop Commit 会 未Push会，已Push不会 不会 Undo Commit[撤销]对当前所提交的记录进行 撤销 至 未提交状态 并且不会删除对代码的修改! 适用情况： 代码修改完了，已经Commit了，但是还未push，然后发现还有地方需要修改，但是又不想增加一个新的Commit记录。这时可以进行Undo Commit，修改后再重新Commit。 如果已经进行了Push，线上的Commit记录还是会存在的 简单来说，就是撤销了你Commit的这个动作。 Revert Commit[撤销]会新增一条提交记录， 并会 将代码撤销至修改提交之前! 会新建一个 Revert “xxx Commit”的Commit记录，该记录进行的操作是将"xxx Commit"中对代码进行的修改全部撤销掉。 Revert Commit 会新增Commit 记录【Revert ...