
Flutter
文章平均质量分 86
韩曙亮
中国人民大学硕士 , 专注于 移动开发 领域 , 博客专家 , 2023 年博客之星 TOP1 , 2021 年博客之星 TOP9 , 华为云 云享专家 , 阿里云社区 专家博主 , 51CTO 专家博主 ;
展开
-
【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 )
一、推荐使用 flutter_screenutil 插件、二、flutter_screenutil 插件使用、1、导入 flutter_screenutil 插件依赖、2、 flutter_screenutil 初始化、3、 flutter_screenutil 使用 API、4、 设置字体、5、 设置宽高、三、代码示例、四、博客资源、原创 2021-09-01 20:05:51 · 15914 阅读 · 0 评论 -
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )
一、Android、Flutter 折叠屏适配、二、展开大屏适配、三、折叠主屏适配、四、折叠副屏适配、五、折叠屏动态热切换适配、五、拉伸布局、六、X 轴自适应适配、七、布局重构、八、Android、Flutter 中的程序配置、1、屏幕自适应配置、2、设置切换屏蔽宽高比不重启适配、3、设置最大最小屏幕比例、原创 2021-09-01 16:23:51 · 4565 阅读 · 0 评论 -
【错误记录】Flutter 使用 MediaQuery 适配全面屏报错 ( No MediaQuery widget ancestor found. )
The following assertion was thrown building MyApp(dirty):No MediaQuery widget ancestor found.MyApp widgets require a MediaQuery widget ancestor.The specific widget that could not find a MediaQuery ancestor was: MyApp dirtyThe ownership chain for the原创 2021-09-01 11:09:45 · 2982 阅读 · 0 评论 -
【Flutter】Flutter 全面屏适配 ( 需要适配的情况 | Android 设置最大宽高比 | 使用 SafeArea 进行全面屏适配 | 使用 MediaQuery 进行全面屏适配 )
一、Flutter 全面屏适配、二、全面屏适配的情况、三、全面屏适配方法、四、反面示例 ( 留海遮挡内容 )、五、Android 中配置最大宽高比、六、使用 SafeArea 进行全面屏适配、七、使用 MediaQuery 进行全面屏适配、原创 2021-09-01 11:07:55 · 2887 阅读 · 0 评论 -
【Flutter】Flutter 启动白屏问题 ( 问题描述 | 在 launch_background.xml 中设置启动过渡 UI )
一、Flutter 启动白屏问题、二、在 launch_background.xml 中设置启动过渡 UI、三、博客源码、原创 2021-08-31 22:57:15 · 4667 阅读 · 0 评论 -
【Flutter】插件包选择 ( 查看文档是否全面 | 查看插件包的更新版本次数 | 查看使用示例 | 查看 GitHub 项目的 Star Fork Issues )
一、插件包选择、二、查看文档是否全面、三、查看插件的更新版本次数、四、查看使用示例、五、查看 GitHub 项目的 Star Fork Issues、原创 2021-08-31 21:05:12 · 1161 阅读 · 0 评论 -
【Flutter】开发 Flutter 包和插件 ( 开发 Dart 插件包 | 发布 Dart 插件包 )
前言、一、开发 Dart 包内容、二、配置 pubspec.yaml、三、编写 Dart 包使用说明、四、编写 Dart 包授权许可、五、设置版本变更记录、六、验证 Dart 包正确性、七、将 Dart 包推送到中央仓库中、原创 2021-08-31 20:17:26 · 1492 阅读 · 0 评论 -
【错误记录】发布 Flutter 插件包报错 ( ‘gmail.com‘ has insufficient permissions to upload new versions of package)
Version 0.0.1 of package flutter_package already exists. `xxx@gmail.com` has insufficient permissions to upload new versions of package `flutter_package`.原创 2021-08-31 20:10:54 · 986 阅读 · 0 评论 -
【错误记录】发布 Flutter 插件包报错 ( Failed to upload the package.pub finished with exit code 1 )
Failed to upload the package.pub finished with exit code 1原创 2021-08-31 19:54:19 · 1999 阅读 · 0 评论 -
【错误记录】发布 Flutter 插件包报错 ( It‘s strongly recommended to include a “homepage“ or “repository“ field )
* It's strongly recommended to include a "homepage" or "repository" field in your pubspec.yaml原创 2021-08-31 18:43:00 · 1172 阅读 · 0 评论 -
【Flutter】开发 Flutter 包和插件 ( Flutter 包和插件简介 | 创建 Flutter 插件 | 创建 Dart 包 )
一、Flutter 包和插件简介、二、创建 Flutter 插件、1、Android Studio 中可视化创建、2、命令行创建、三、创建 Dart 包、1、Android Studio 中可视化创建、2、命令行创建、原创 2021-08-31 14:55:52 · 2711 阅读 · 1 评论 -
【Flutter】自定义 Flutter 组件 ( 创建自定义 StatelessWidget、StatefulWidget 组件 | 调用自定义组件 )
一、Flutter 组件简介、二、Flutter 自定义 StatelessWidget 组件流程、1、导入父类包、2、选择继承的父类、3、设置成员变量及构造函数、4、重写 build 方法、5、完整代码示例、三、Flutter 自定义 StatefulWidget 组件流程、四、使用 final 修饰 Widget 组件成员变量分析、五、调用自定义组件、1、主要方法、2、完整代码、3、效果展示、原创 2021-08-31 10:56:10 · 5919 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 完整代码示例 )
前言、一、Android 端完整代码示例、二、Flutter 端完整代码示例、三、相关资源、原创 2021-08-30 15:53:52 · 1053 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 MethodChannel 通信 )
前言、一、Android 端 MethodChannel 构造函数、二、Android 端 setMethodCallHandler 方法、三、Android 端实现 MethodChannel 通信步骤、四、相关资源、原创 2021-08-30 15:42:03 · 1206 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 EventChannel 通信 )
前言、一、Android 端 EventChannel 构造函数、二、Android 端 setStreamHandler 方法、三、Android 端实现 EventChannel 通信步骤、四、 Android 端与 Flutter 端 EventChannel 注册与监听流程、五、相关资源、原创 2021-08-30 14:50:11 · 1324 阅读 · 0 评论 -
【错误记录】Flutter 混合开发报错 ( Android 端与 Flutter 端 EventChannel 初始化顺序错误导致无法通信 | EventChannel 通信流程 )
Android 端与 Flutter 端 EventChannel 初始化顺序错误导致无法通信原创 2021-08-30 14:44:06 · 1531 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 BasicMessageChannel 通信 )
前言、一、Android 端 BasicMessageChannel 构造函数、二、Android 端 MessageCodec 子类实现、三、Android 端 setMessageHandler 方法、四、Android 端 send 方法、五、Android 端实现 BasicMessageChannel 通信步骤、六、相关资源、原创 2021-08-30 11:40:48 · 1032 阅读 · 0 评论 -
【错误记录】Flutter 混合开发获取 BinaryMessenger 报错 ( FlutterActivityAndFragmentDelegate.getFlutterEngine() )
java.lang.NullPointerException: Attempt to invoke virtual method 'io.flutter.embedding.engine.FlutterEngine io.flutter.embedding.android.FlutterActivityAndFragmentDelegate.getFlutterEngine()' on a null object reference原创 2021-08-30 11:32:26 · 2521 阅读 · 6 评论 -
【错误记录】Flutter 混合开发报错 ( java.nio.file.FileSystemException: xxx/R.jar: 另一个程序正在使用此文件,进程无法访问。 )
> java.nio.file.FileSystemException: Y:\002_WorkSpace\001_AS\flutter_hybrid\flutter_module\.android\Flutter\build\intermediates\compile_r_class_jar\debug\R.jar: 另一个程序正在使用此文件,进程无法访问。原创 2021-08-29 22:09:49 · 1971 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 EventChannel 通信 )
一、EventChannel 简介、二、EventChannel 在 Dart 端的实现、1、EventChannel 构造方法、2、创建广播流 Stream、3、设置监听回调函数、4、EventChannel 使用流程、三、相关资源、原创 2021-08-29 16:31:27 · 1225 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 MethodChannel 通信 )
一、MethodChannel 简介、二、MethodChannel 在 Dart 端的实现、1、MethodChannel 构造函数、2、invokeMethod 函数、3、MethodChannel 使用流程、三、相关资源、原创 2021-08-29 15:50:12 · 1376 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 BasicMessageChannel 通信 )
一、BasicMessageChannel 简介、二、BasicMessageChannel 在 Dart 端的实现、1、BasicMessageChannel 构造方法、2、使用 BasicMessageChannel 接收 Native 发送的消息、3、使用 BasicMessageChannel 向 Native 发送消息、4、BasicMessageChannel 使用流程、三、相关资源、原创 2021-08-29 15:30:39 · 1249 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 通信场景 | Channel 通信机制 | Channel 支持的通信数据类型 | Channel 类型 )
一、Flutter 和 Native 应用之间的通信场景、二、Flutter 和 Native 的 Channel 通信机制、三、Channel 通信机制支持的数据类型、四、Channel 类型、五、相关资源、原创 2021-08-29 11:38:29 · 1102 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( Dart 代码调试 | Flutter 单独调试 | 混合模式下 Flutter 调试 )
前言、一、单独运行 Flutter 代码时调试 Dart 代码、二、混合模式下 Flutter 调试 Dart 代码、三、相关资源、原创 2021-08-28 23:30:42 · 1972 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 / 热加载 )
前言、一、混合开发中启用 Flutter 的 热重启 / 热加载、二、混合开发中 Flutter 的 热重启 / 热加载 命令测试、三、指定混合应用连接的设备、四、相关资源、原创 2021-08-28 22:45:39 · 1891 阅读 · 0 评论 -
【错误记录】Android Studio 的 Flutter 代码界面没有 Logcat 面板 ( 2021年08月28日最新解决方案 )
Android Studio 的 Flutter 代码界面没有 Logcat 面板 ( 2021年08月28日最新解决方案 )原创 2021-08-28 22:22:06 · 1350 阅读 · 3 评论 -
【Flutter】Flutter 混合开发 ( 安卓端向 Flutter 传递数据 | FlutterFragment 数据传递 | FlutterActivity 数据传递 )
前言、一、FlutterFragment 数据传递、二、FlutterActivity 数据传递、三、相关资源原创 2021-08-28 07:36:26 · 1480 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( 关联 Android 工程与 Flutter 工程 | 安卓页面中嵌入 Flutter 页面 | 安卓中启动 Flutter 页面 )
前言、一、创建 Android 项目、二、关联 Android 工程与 Flutter Module 工程、1、配置 Flutter Module工程、2、配置 build.gradle、3、配置 AndroidManifest.xml、三、Activity 中嵌入 FlutterFragment 页面、四、Activity 中启动 FlutterActivity 页面、五、完整代码示例、1、Android 主界面代码示例、2、Flutter 完整代码示例、四、相关资源、原创 2021-08-27 21:17:26 · 3060 阅读 · 4 评论 -
【错误记录】Android 应用中启动 FlutterActivity 报错 ( have you declared this activity in your AndroidManifest )
android.content.ActivityNotFoundException: Unable to find explicit activity class {com.example.flutter_native/io.flutter.embedding.android.FlutterActivity}; have you declared this activity in your AndroidManifest.xml?原创 2021-08-27 20:40:19 · 2164 阅读 · 0 评论 -
【Flutter】Flutter 混合开发 ( 简介 | Flutter 混合开发集成步骤 | 创建 Flutter Module )
一、Flutter 混合开发简介、二、Flutter 混合开发集成步骤、三、创建 Flutter Module、1、使用命令行创建 Flutter Module 项目 ( 仅做参考 )、2、Android Studio 中创建 Flutter Module ( 推荐 )、3、Flutter Module 项目文件结构、四、相关资源、原创 2021-08-27 16:40:11 · 2320 阅读 · 0 评论 -
【Flutter】ListView 列表高级功能 ( ScrollController 上拉加载更多 )
一、ScrollController 上拉加载更多、二、ScrollController 使用流程、三、ScrollController 判定滑动到底部、四、完整代码示例、五、相关资源、原创 2021-08-27 11:27:13 · 3163 阅读 · 2 评论 -
【Flutter】ListView 列表高级功能 ( RefreshIndicator 下拉刷新组件 )
一、下拉刷新组件、二、下拉刷新代码示例、三、相关资源、原创 2021-08-27 09:18:32 · 2961 阅读 · 0 评论 -
【Flutter】GridView 网格布局 ( GridView.count 构造函数 | crossAxisCount 参数指定每行元素个数 )
一、GridView 网格布局简介、二、完整代码示例、三、相关资源、原创 2021-08-27 08:48:33 · 2288 阅读 · 0 评论 -
【Flutter】ExpansionTile 可折叠列表
一、ExpansionTile 构造方法、二、完整代码示例、三、相关资源、原创 2021-08-26 21:34:52 · 2607 阅读 · 0 评论 -
【Flutter】ListView 列表 ( List 集合的 map 方法说明 | 垂直列表 | 水平列表 | 代码示例 )
一、List 集合的 map 方法说明 ( 生成 ListView 组件集合 )、二、ListView 垂直列表、三、ListView 水平列表、四、相关资源、原创 2021-08-26 20:16:35 · 2806 阅读 · 1 评论 -
【Flutter】shared_preferences 本地存储 ( 简介 | 安装 shared_preferences 插件 | 使用 shared_preferences 流程 )
一、shared_preferences 本地存储插件简介、二、安装 shared_preferences 插件、三、使用 shared_preferences 流程、四、完整代码示例、五、相关资源、原创 2021-08-26 15:04:05 · 3490 阅读 · 0 评论 -
【Flutter】JSON 模型转换 ( JSON 序列化工具 | JSON 手动序列化 | 根据 JSON 编写 Dart 模型类 | 在线自动根据 JSON 转换 Dart 类 )
一、JSON 序列化工具、二、JSON 手动序列化、三、根据 JSON 编写 Dart 模型类、四、在线自动转换、五、相关资源、原创 2021-08-26 13:45:14 · 2411 阅读 · 0 评论 -
【Flutter】Future 与 FutureBuilder 异步编程代码示例 ( FutureBuilder 构造函数设置 | 处理 Flutter 中文乱码 | 完整代码示例 )
一、FutureBuilder 简介、二、处理 Flutter 中的中文乱码、三、完整代码示例、四、相关资源、原创 2021-08-26 10:35:57 · 1157 阅读 · 0 评论 -
【Flutter】FutureBuilder 异步编程 ( FutureBuilder 构造方法 | AsyncSnapshot 异步计算 )
一、FutureBuilder 简介、二、FutureBuilder 构造方法、三、AsyncSnapshot 异步计算、四、相关资源、原创 2021-08-26 09:32:15 · 2898 阅读 · 0 评论 -
【Flutter】Future 异步编程 ( 简介 | then 方法 | 异常捕获 | async、await 关键字 | whenComplete 方法 | timeout 方法 )
一、Future 简介、二、Future.then 使用、三、Future 异常捕获、四、Dart 练习网站、五、async、await 关键字、六、whenComplete 方法、七、timeout 方法、八、相关资源、原创 2021-08-25 22:37:39 · 7328 阅读 · 1 评论