- 综合排序
- 最热优先
- 最新优先
- 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 混合开发 ( 简介 | Flutter 混合开发集成步骤 | 创建 Flutter Module )
一、Flutter 混合开发简介 开发手机应用时 , 有时一个完整的应用 , 有些使用 Native 原生实现 , 有些使用前端小程序实现 , 有些部分使用 Flutter 实现 ; 混合开发应用场景 Native 原生页面中 , 嵌套一个 Flutter 组件 ; 或者在 Flutter 页面中 , 嵌套原生页面组件 ; 二、Flutter 混合开发集成步骤 Flutter 混合开发集成步骤 : / 重新加载 ; ⑦ 调试 Dart 代码 ; ⑧ 应用发布 ; 三、创建 Flutter Module Flutter 混合开发集成步骤 : ① 在 Android Studio 中创建 Flutter 插件下载地址 : https://pub.dev/packages Flutter 开发文档 : https://flutter.cn/docs ( 强烈推荐 ) 官方 GitHub 地址 : https Flutter CodeLab : https://codelabs.flutter-io.cn/ Dart 中文文档 : https://dart.cn/ Dart 开发者官网 : https://
3.1K20编辑于 2023-03-29 - 来自专栏小黑娃Henry
Flutter混合栈开发-组件化Flutter工程Flutter混合栈开发-组件化Flutter工程
Flutter混合栈开发 组件化Flutter工程 Flutter本身就是为了在移动端上提供一个快速开发的技术方案，避免不了就会有一些混合栈接入工作。 编译产物 有大佬在实际开发中发现，APP只需要依赖Flutter编译后的产物就可以完成依赖。现在就抛出个问题:Flutter编译后的产物是什么东东。 FLutter开发、联调的同学简直是噩梦。 对于混合开发来说，三端（iOS、Android、Flutter）的交互一直是一个 问题，plug就是用来解决这个问题。FLutter官方创建了一些最常用的插件如：弹框、相机调用。 ---- 本文中提到的相关代码: iOS接入Pod仓库-Git Flutter组件化iOS仓库-Git 传送门: Flutter混合栈开发-本地环境配置 Flutter-汇总
1.3K20发布于 2021-08-09 - 来自专栏振兴的Android修炼手册
Flutter混合开发：Android接入Flutter
Flutter.png Flutter Google推出已经已经一年多了，单个 Flutter 项目的开发流程已经很成熟了。对与个人开发者来说使用 Flutter 开发一个跨平台的App挺有意思。 虽然 Flutter 无法接入我们的项目，但是我们可以尝试者去模仿 Flutter 在项目中的使用场景。下边我讲讲我在 Android 和 Flutter 的混合开发实践的躺坑之旅。 项目作为子模块： $ cd some/path/ # flutter create my_flutter是创建纯Flutter项目的命令 $ flutter create -t module my_flutter project(':flutter') : } 在你的Java代码中使用Flutter模块 使用 Flutter 模块的Java接口 Flutter.createView ，可以在你的app中添加 'MyApp/my_flutter/.android/include_flutter.groovy' ； 作为Android开发人员学习 Flutter 的第一步我们已经完成了，虽然后续的需要了解和学习的还有很多
1.5K30发布于 2020-05-29 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 混合开发 ( 混合开发中 Flutter 的 热重启 热加载 )
文章目录 前言 一、混合开发中启用 Flutter 的 热重启 / 热加载 二、混合开发中 Flutter 的 热重启 / 热加载 命令测试 三、指定混合应用连接的设备 四、相关资源 前言 上一篇博客 【Flutter】Flutter 混合开发 ( 安卓端向 Flutter 传递数据 | FlutterFragment 数据传递 | FlutterActivity 数据传递 ) 讲解了 Android 如何向 Flutter 中传递数据 ; Flutter 混合开发集成步骤 : ① 在 Android Studio 中创建 Flutter Module ; ② 为 Native 应用添加 Flutter 代码 ; ⑤ 运行 Flutter 混合应用 ; ⑥ 项目的 热重启 / 重新加载 ; ⑦ 调试 Dart 代码 ; ⑧ 应用发布 ; 一、混合开发中启用 Flutter 的 热重启 / 热加载 -- 应用 和 Flutter 应用混合开发时 , Flutter 无法进行 热重启 / 热更新 , 这样降低了开发调试的效率 ; 混合开发中启用 Flutter 的 热重启 / 热加载 : ① 打开模拟器
1.8K10编辑于 2023-03-29 - 来自专栏LinXunFeng的专栏
Flutter - 混合开发
目前大多数公司都有自己开发多年的项目，不可能直接用 Flutter 从头开发一套，那样不实现，除非是小项目，因此只能是在原有的基础上用 Flutter 来开发新业务或重构旧业务，而这里就需要用到 Flutter 的 混合开发 一、创建Flutter模块 使用混合开发就不能像之前一样直接上来就创建一个 Flutter 项目，而是要使用 Flutter模板 # flutter_module_lxf 可以随便你命名 startActivity( FlutterActivity.createDefaultIntent(this) ); } 四、调试与热重载 由于当前我们是使用原生开发工具 这样 Flutter模块 的开发效率极其低下，那有没有办法可以让我们像之前开发 Flutter 项目时那样进行 热重载 呢？ 答案是有的 Flutter 官方提供了 flutter attach ，以辅助我们开发，到终端下执行 flutter attach 如果当前有多个设备，会提示我们需要指定 attach 哪个设备 ?
1.9K20发布于 2020-07-14 - 来自专栏用户1175783的专栏
# flutter插件开发
# flutter插件开发 flutter提供了三个channel来支持dart与原生平台的交互，channel的使用方式类似rcp调用，不同的是flutter的内部实现是通过内存拷贝的方式将原生字节流转换成
85710发布于 2019-09-16 - 来自专栏码客
Flutter开发-路由
Flutter的路由有两种方式 基本路由 命名路由 基本路由就相当于Android和iOS原生的页面跳转方式。 命名路由就相当于VUE的Router插件一样，这种方式耦合性更低，功能更强大。 builder: (context) { return HomePage(); })); 关闭页面 Navigator.pop(context); 除了页面关闭用这个方法，窗口的关闭也是用这个方法，因为Flutter ### 返回根路由 //flutter 登录后跳转到根路由 Navigator.of(context).pushNamedAndRemoveUntil( '/home', (route) Flutter中可以通过WillPopScope来实现返回按钮拦截，我们看看WillPopScope的默认构造函数： const WillPopScope({ ... 代码如下： import 'package:flutter/material.dart'; class LoginPage extends StatefulWidget { @override
1.1K20发布于 2020-05-14 - 来自专栏向治洪
Flutter混合开发
# 混合开发简介 使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。 Flutter进行混合开发的团队大多使用的是统一管理模式。 在完成对Flutter模块的接入后，Flutter工程可以使用Android Studio进行开发，无需再打开原生工程就可以对Dart代码和原生代码进行开发调试。 # Flutter模块调试 众所周知，Flutter的优势之一就是在开发过程中使用热重载功能来实现快速调试。 默认情况下，在原生工程中集成Flutter模块后热重载功能是失效的，需要重新运行原生工程才能看到效果。如此一来，Flutter开发的热重载优势就失去了，并且开发效率也随之降低。
3.5K00发布于 2020-01-31 - 来自专栏Flutter
【Flutter 混合开发】添加 Flutter 到 iOS
Flutter 混合开发系列 包含如下： 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信 Flutter 可以作为 frameworks 添加到 iOS 项目，iOS项目引入Flutter module需要安装Xcode，另外Flutter支持iOS8及以上。 在新机器上构建模块之前，请先在my_flutter目录中运行flutter pub get来重新生成.ios /目录，然后再使用Flutter模块构建iOS项目。 使用CocoaPods和已安装的Flutter SDK 此方法需要所有的相关开发的人员安装 Flutter 环境。 假设现有应用程序和Flutter模块位于同级目录中。 当在my_flutter / pubspec.yaml中更改Flutter插件的依赖性或者第一次运行时，请在Flutter模块目录中运行flutter pub get来刷新podhelper.rb脚本读取的插件列表
4.4K40发布于 2020-11-03 - 来自专栏Android干货
浅谈Flutter（一）：搭建Flutter开发环境
------------------------------------------------------- 使用Flutter首先需要搭建Flutter的开发环境，以下以 Android 、Windows 标准 搭建开发环境，其他pc系统，移动平台请看官方文档。 一、使用镜像 ------------------------------ 官方说明： 由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中 和master为开发分支，安装flutter后， 你可以运行flutter channel查看所有分支，如笔者本地运行后，结果如下： Flutter channels: beta dev * 显然，现在flutter 开发环境的搭建已经完成，验证如下： 发现多了一个 New Flutter Project ，可以建立Flutter项目说明 Flutter的环境搭建已经成功。 ?
1.6K10发布于 2019-01-28 - 来自专栏小黑娃Henry
Flutter（十二）混合栈开发-组件化Flutter工程Flutter（十二）混合栈开发-组件化Flutter工程
Flutter混合栈开发 组件化Flutter工程 Flutter本身就是为了在移动端上提供一个快速开发的技术方案，避免不了就会有一些混合栈接入工作。 编译产物 有大佬在实际开发中发现，APP只需要依赖Flutter编译后的产物就可以完成依赖。现在就抛出个问题:Flutter编译后的产物是什么东东。 如果有兴趣也可以下载Flutter组件化-Git来看看 3. podfile引入 准备好pod库之后，就需要将pod接入.到这里翻出前面一个问题：任何代码、环境改变都需要重新导入，对于FLutter开发 3.1 url下载 use_local_depentency=false时代表非Flutter开发者。 直接使用pod update就可以完成接入。依赖文件比较大需要等待。 对于混合开发来说，三端（iOS、Android、Flutter）的交互一直是一个 问题，plug就是用来解决这个问题。FLutter官方创建了一些最常用的插件如：弹框、相机调用。
1.3K20发布于 2021-08-09 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 MethodChannel 通信 )
官网 : https://flutter.dev/ Flutter 插件下载地址 : https://pub.dev/packages Flutter 开发文档 : https://flutter.cn /docs ( 强烈推荐 ) 官方 GitHub 地址 : https://github.com/flutter Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程 : https://flutter.cn/docs/cookbook Flutter CodeLab : https://codelabs.flutter-io.cn/ Dart 中文文档 : https ://dart.cn/ Dart 开发者官网 : https://api.dart.dev/ Flutter 中文网 : https://flutterchina.club/ , http://flutter.axuer.com GitHub 地址 : ( 随博客进度一直更新 , 有可能没有本博客的源码 ) Flutter Module 工程 : https://github.com/han1202012/flutter_module
1.3K20编辑于 2023-03-29 - 来自专栏iOS开发干货分享
Flutter 开发 （3）Flutter 与 Native 的交互
Flutter 中 Channel 基本概念 1. Flutter 中 Channel 的概念 Channel 也就是通道的意思，主要是用于和原生Native之间进行交互 ，双方相互传递数据。 Flutter 中 Channel 的详细介绍 1. 当有消息从 Flutter端 发送到 Native端 时，会根据其传递过来的 channel name 找到该Channel对应的Handler（消息处理器）。 Codec 的介绍 Flutter定义了两种Codec：MessageCodec 和 MethodCodec。 抽象逻辑图 Flutter 中 Channel 具体实现 FlutterMethodChannel FlutterBasicMessageChannel
1.3K10编辑于 2023-03-19 - 来自专栏BennuCTech
Flutter混合开发：Android中如何启动Flutter
flutter可以独立完成项目，但是在现有项目情况下最好的方式就是混合开发，逐步过渡。 这样就会共存native和flutter代码，而其中最关键的就是native如何启动flutter页面，及flutter与native如何交互。 本文以Android为例，展示如何在一个现有项目中引入flutter、启动flutter，如何加速启动以及如何传参。 ' 然后在主module中依赖： implementation project(path: ':flutter') 这样就可以进行混合开发了。 但是这个问题并不是无法解决，比如闲鱼开放的flutter混合框架 —— flutter-boost，就可以很轻松的实现native携参打开flutter页面。
2.1K20编辑于 2021-12-10 - 来自专栏Flutter
【Flutter 混合开发】添加 Flutter 到 Android Fragment
Flutter 混合开发系列 包含如下： 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信 -EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇， 使用新引擎创建 FlutterFragment 添加 Flutter 到 Fragment 与添加 Activity 基本一样，如果添加到 Activity 满足需求，建议使用 Activity，因为 对于Flutter未绘制的任何像素，背景均为黑色。由于性能原因，首选使用不透明背景进行渲染。Android上具有透明的 Flutter 渲染会对性能产生负面影响。 但是，有的时候需要其透明，显示其底下的 UI，因此，Flutter在 FlutterFragment 中支持设置为透明。
1.5K20发布于 2020-11-03 - 来自专栏Flutter
【Flutter 混合开发】添加 Flutter 到 Android Activity
Flutter 混合开发系列 包含如下： 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信 -EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇， 设置Flutter module的Project name、Flutter SDK等，点击Next： ? 设置Flutter module的包名，点击Finish： ? 启动页加载 Flutter 将 Flutter 页面加载到 MainActivity（默认启动页） 中，修改 MainActivity ： package com.flutter.androidflutter FlutterActivity 会加载 Flutter Module 中 lib/main.dart 中 main 方法，如果有多个Flutter页面，如何指定跳转，比如现在有 OnePage Flutter
1.7K40发布于 2020-11-03 - 来自专栏中国Android研究院
Flutter开发环境搭建
Flutter开发环境搭建 系列：《Flutter从入门到放弃》 作者：Bob 操作系统：Mac OS 本文假设您已经安装AndroidStudio等开发原生应用的所有环境 （阅读本文需要花费您5分钟左右的时间 ） 1.Clone Flutter repo 新建一个新的目录运行： git clone -b beta https://github.com/flutter/flutter.git 将Flutter 配置环境，运行： export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=https ://storage.flutter-io.cn //国内用户需要设置 export PATH=`pwd`/flutter/bin:$PATH 环境配置完成以后，运行以下命令做工具检查，Flutter会自行检查并安装部分需要的工具 至此，您的开发环境已经搭建完成了。----
82530发布于 2018-09-10 - 来自专栏玩转全栈
flutter开发技巧汇总
4、你也许想实现一个顶部弹框，但是似乎flutter只提供了showModalBottomSheet这种，或者中间的弹框，而且占据的控件不会铺满整个width，所以 image.png 一个这样的弹框应该如何实现呢 5、SegmentedControl是苹果上的一个空间，flutter也有，只不过在使用的时候，需要import 'package:flutter/cupertino.dart';，用上后可以出去 image.png feedListBloc:_feedListBloc); })); 8、很多时候我们需要多页面共享数据，以及数据模型与界面逻辑分离，以便更好的组织代码，做出更加好维护，规模更大的app，笔者从官方举办的那个“枯燥无味的flutter 如果你遇到了代码复用或者说页面规模太大需要用很好的模式来分离逻辑的问题，不妨了解一下我的另外一篇文章flutter中使用bloc 9、有时候我们需要一个背景为图片，而且边缘是有弧度的背景，那么，有没有什么很好的办法来做到
2K81发布于 2018-08-08 - 来自专栏flutter开发精选
搭建Flutter开发环境
1.2.1 安装Flutter 想要安装并运行 Flutter，你的开发环境需要最低满足以下要求： •操作系统：macOS（64 位）•磁盘空间：2.8 GB（不包含 IDE 或其余工具所需要的磁盘空间 ）•命令工具：Flutter 需要你的开发环境中已经配置了以下命令行工具。 bash curl git 2.x mkdir rm unzip which zip 使用镜像 由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中 1.开发二进制文件预下载（可选操作） flutter precache 运行 flutter doctor 命令 在Flutter命令行运行如下命令来查看是否还需要安装其它依赖，如果需要，安装它们： flutter 设置 iOS 开发环境 1.安装 Xcode 开发 iOS 平台上的 Flutter 应用，你需要一个安装了 Xcode 的 Mac 设备。
2.9K20编辑于 2022-09-20 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 完整代码示例 )
文章目录 前言 一、Android 端完整代码示例 二、Flutter 端完整代码示例 三、相关资源 前言 前置博客 : 【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 BasicMessageChannel 通信 ) 【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 MethodChannel 通信 ) 【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 EventChannel 通信 ) 【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 BasicMessageChannel 通信 ) 【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 EventChannel 通信 ) 【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 |
2.6K20编辑于 2023-03-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号