
Flutter
文章平均质量分 76
Flutter
风浅月明
有问题的可以留言。邮箱地址:1296817932@qq.com
展开
-
[Flutter]创建一个私有包并使用
在Flutter中创建一个自己的私有组件(通常称为包或库),并通过Dart的包管理工具pub进行使用。原创 2024-05-06 16:13:15 · 2519 阅读 · 0 评论 -
[Flutter]配置pubspec.yaml
文件是 Dart 和 Flutter 项目的核心配置文件,用于管理项目的依赖、版本、元数据等。下面是。原创 2024-05-06 12:50:52 · 1844 阅读 · 0 评论 -
[Flutter]单元测试和组件测试
Matcher在某些情况下,内置的Matcher可能不足以满足你的测试需求。Flutter 允许你创建自定义的Matcher。这个自定义的Matcher检查一个整数是否是偶数,并在测试失败时提供适当的描述。原创 2024-05-06 11:09:25 · 1846 阅读 · 1 评论 -
[Flutter]导入singular_flutter_sdk后运行到Android报错
接入归因之前,flutter项目一起正常。接入归因之后,iOS正常Android有问题。针对 Flutter 的 Singular SDK 集成指南。原创 2024-04-02 13:59:02 · 1942 阅读 · 0 评论 -
Flutter与iOS和Android原生页面交互
平台通道是Flutter中一个强大的机制,它允许Flutter与宿主平台(如Android和iOS)进行数据和任务的双向通信。这种机制解决了Flutter无法直接调用平台特定API的限制,使得Flutter应用能够实现原生平台的功能。我们将设置一个名为的平台通道,这个通道将用于Flutter与原生平台(iOS和Android)之间的通信。原创 2024-03-31 23:56:44 · 3730 阅读 · 0 评论 -
[Flutter]页面跳转和传值
命名路由是一种用于管理页面导航的技术,它允许你为每个页面分配一个唯一的名称,并通过这些名称在应用程序中进行页面之间的导航。命名路由,由一对字符串(路由名称)和对应的屏幕(或称为页面/视图)组成。命名路由的好处提高代码可维护性命名路由使得路由和它们对应的屏幕解耦,这让查找和修改特定路由相关的代码变得更加容易。简化路由管理当应用的结构变得更为复杂时,使用命名路由可以帮助集中管理路由,而不是在代码中散布大量的和。配置命名路由我们可以在的routes属性中定义所有的命名路由。routes。原创 2024-03-31 18:49:52 · 4539 阅读 · 1 评论 -
[Flutter]打包IPA
flutter build ios构建的Runner.app有什么用?不用flutter构建,在Xcode中是可以独立进行构建运行和打包发布的。原创 2024-03-31 00:17:54 · 3688 阅读 · 0 评论 -
[Flutter]环境判断
常量kReleaseMode,它会根据你的应用是以什么模式编译的来获取值。bool.fromEnvironment会从Dart编译时的环境变量中获取值。对于'dart.vm.product'这个特定的环境变量,它是由Dart VM设置的,用来标明当前是否在产品环境下运行。当应用以Release模式编译时(例如运行flutter build apk或flutter build ios),kReleaseMode会被设置为true。原创 2024-03-28 18:22:03 · 2032 阅读 · 0 评论 -
[Flutter]运行到Android报错You are applying Flutter‘s app_plugin_loader Gradle plugin imperatively using..
应该在项目搭建时就这样操作,不然等项目开发后,自定义配置比较多时就比较麻烦了。不过自动修复的优势也比较明显,对新手比较友好,比如我手动修复了一半天,运行时还是各种报错。在删除 android目录之前,确保备份任何重要的更改,如 AndroidManifest.xml 的更改、Gradle 配置更改、本地依赖等。同步gradle时若网络中断,会导致缓存文件损坏或下载不完整,需要执行如下命令清理gradle缓存后重新运行。从 Flutter 3.16 开始,使用。重新运行时,会重新同步gradle。原创 2024-03-22 15:53:19 · 7598 阅读 · 0 评论 -
[Flutter]打包APK报错The binary version of its metadata is 1.9.0, expected version is 1.6.0.
flutter run运行项目没任何问题,但打包时终端会报错,最后打包还能成功。虽然能打包,不过这个错误警告还是要处理。│ [!在stackoverflow上有这个问题。原创 2024-03-22 15:02:49 · 3552 阅读 · 0 评论 -
[Flutter]自定义等待转圈和Toast提示
onlyIndicator, // 仅一个转圈等待roundedRectangle, // 添加一个圆角矩形当背景maskingOperation, // 添加一个背景蒙层, 阻止用户操作.remove();});Key?原创 2024-03-08 14:32:20 · 1005 阅读 · 0 评论 -
[Flutter]使用Provider进行状态管理
如果你有多个不同的状态需要管理,你通常会为每种状态创建不同的模型。例如,如果你在一个widget中使用这个模型,你可能需要使用。是Flutter中一个非常流行的状态管理工具,它可以帮助开发者更有效地管理Widget树中的数据。但是,如果你的状态数据非常紧密相关,并且它们通常一起改变,那么将它们放在同一个模型中也是有意义的。通过这种方式,你可以将应用的不同部分的状态管理分离开来,从而使你的代码更加模块化和可维护。更进一步,比如异步从网络获取状态,也是类似的。在你的应用中,你需要在一个合适的位置(如。原创 2024-03-08 11:17:58 · 1174 阅读 · 0 评论 -
[Flutter]TextButton自定义样式
/ 按钮点击事件},backgroundColor: MaterialStateProperty.all(Colors.blue), // 设置背景颜色padding: MaterialStateProperty.all(EdgeInsets.zero), // 设置内边距为零borderRadius: BorderRadius.circular(10.0), // 设置圆角半径),),原创 2024-02-29 21:41:21 · 1904 阅读 · 0 评论 -
[Flutter]用16进制颜色字符串初始化Color
【代码】[Flutter]用16进制颜色字符串初始化Color。原创 2024-02-29 14:32:56 · 1244 阅读 · 0 评论 -
[Flutter]VSCode编辑器中的白色垂直线如何去掉
此外,一些项目可能会有自己的.editorconfig文件,这个文件同样可以定义一行代码的最大长度。如果你的项目中有.editorconfig文件,它可能会覆盖VSCode设置中的规则。在Visual Studio Code(VSCode)中,您看到的白色竖线可能是编辑器的“边界线”(也称为“裁剪边界”或“规则指南”),它用来指示一行代码的推荐最大长度。这条线通常是不可拖动的,但是你可以通过VSCode的设置来改变它的位置或者完全禁用它。但实际上,这个长度是可配置的。原创 2024-02-29 11:50:56 · 2930 阅读 · 0 评论 -
[Flutter]倒计时和计时器
这个类不是线程安全的,因为Dart本身是单线程的,但是如果你使用它在Flutter的Isolates(类似于线程)中,请确保你正确地管理状态。此外,如果你的应用需要更复杂的定时器调度,你可能需要考虑其他的包或者解决方案。这个类可以提供启动、暂停、重启和关闭定时器的方法,并且确保定时完成后自动释放定时器资源。这样,你可以在任何地方订阅计时器的变化,并实现回调更新。类提供了更灵活的方式来实现单次或重复的延迟执行。可以在动画帧更新时执行代码,这可以用来实现延迟。方法用于设置定时器,接收延迟时间和要执行的动作。原创 2024-02-28 23:43:09 · 3272 阅读 · 0 评论 -
[Flutter]shared_preferences基本用法以及可视化管理存储的key和value类型
是一个Flutter插件,它提供了一种简单的方式来在应用程序中存储和获取持久化的键值对数据。它可以用于存储应用程序的配置信息、用户偏好设置、登录状态等。使用插件,你可以在应用程序中轻松地保存和读取数据,而无需处理底层的持久化细节。它基于平台的本地存储机制,例如Android中的SharedPreferences和iOS中的NSUserDefaults。原创 2024-02-28 23:08:27 · 2956 阅读 · 0 评论 -
[Flutter]设置应用包名、名称、版本号、最低支持版本、Icon、启动页以及环境判断、平台判断和打包
运行上述命令后,flutter_launcher_icons 将根据你指定的源图标文件 app_icon.png 自动生成需要的各种尺寸的图标,并替换 iOS 和 Android 项目中的现有图标。在Flutter开发中,修改应用程序的包名(也称作Application ID)涉及几个步骤,因为包名是在项目的Android和iOS平台代码中分别配置的。这些检查可以帮助你为不同的平台编写特定的代码,例如使用平台特有的插件或者调整UI来匹配用户的期望。的值是一个字符串,用于提供给用户一个有意义的应用程序名称。原创 2024-02-27 23:21:12 · 14842 阅读 · 0 评论 -
Flutter使用flutter_gen管理资源文件
当你在应用中引用图像时,只需引用默认的图片路径(.../image.png),Flutter会自动根据设备的像素密度来加载正确的资源文件。如果你的应用不需要支持多种像素密度的图像,那么你也可以只提供默认的图像资源而不创建这些文件夹。flutter_gen会在指定的输出目录(例如lib/gen/)中生成一个colors.gen.dart文件,里面包含了颜色的资源引用。flutter_gen会在指定的输出目录(例如lib/gen/)中生成一个colors.gen.dart文件,里面包含了颜色的资源引用。原创 2023-11-30 22:01:32 · 1464 阅读 · 0 评论 -
Flutter创建TabBar
一般UI设计的图会带渐变色之类的,应该保持图片的原状,不能随便就给改成纯色。// 导入Flutter Material组件库// 确保Flutter绑定到框架初始化// 运行应用// 创建一个无状态的组件MyApp// 构造函数,接收一个Key@override// 重写build方法,构建UIdebugShowCheckedModeBanner: false, // 禁用右上角的Debug标志// 设置应用主题// 设置TabBar主题。原创 2023-11-29 18:57:24 · 768 阅读 · 0 评论 -
Mac电脑Android Studio和VS Code配置Flutter开发环境(图文超详细)
官网地址:https://docs.flutter.dev/get-started/install/macos注意:苹果芯片需要安装rosetta翻译环境Flutter用于git安装和升级。我们建议安装Xcode,其中包含git,但您也可以单独安装git。原创 2023-10-30 18:26:12 · 10186 阅读 · 1 评论 -
Mac电脑配置Dart编程环境
新建一个文档,选择Dart语言。编写入口函数后,右键选择“Run Code”运行代码。官网地址:https://code.visualstudio.com。官网地址:https://dart.dev/get-dart。安装后,用命令检测一下是否安装正常。原创 2023-10-29 00:04:55 · 1120 阅读 · 0 评论