前言 上篇文章我们聊了国内各大广告平台对 Flutter 的支持程度和我为什么创建 FlutterAds 来构建优质的 Flutter 广告插件,帮助开发者获利.本篇我们来看看Flutter 穿山甲广告插件 flutter_pangle_ads 的集成和使用. 移动端广告形式 在移动端大体分为 5 种广告形式,分别是 开屏.插屏.Banner.信息流.激励视频.随着短视频的崛起,出现了新的全屏视频和前面 5 种的混入视频形式. 集成广告插件 Flutter 穿山甲广告插件 flutter_pan

之前因为使用正常文件上传,用户多时拥堵无法正常上传,因此接入阿里OSS 来解决这个问题.本来打算整原生那块,看了下比较麻烦,用flutter dio 直接请求oss 完成 1.上传用到了image_picker 插件.这个比较简单了. //要上传的文件,此处为从相册选择照片 File imageFile = await ImagePicker.pickImage(source: ImageSource.gallery); 2.阿里oss 配置以及相关处理String accesskey = '后

(1)搜索 https://pub.dartlang.org/packages/jpush_flutter ,安装插件,并且按照官方配置 /android/app/build.gradle android: { .... defaultConfig { applicationId "替换成自己应用 ID" ... ndk { //选择要添加的对应 cpu 类型的 .so 库. abiFilters 'armeabi', 'armeabi-v7a', 'x86', 'x86_64', '

简评:所以 React-Native 和 Flutter 该怎么选? 在 10 个月前的 MWC 上,谷歌发布了 Flutter 的 Beta 版本,给跨平台应用开发带来了一种全新的选择,昨天谷歌正式发布了 Flutter 1.0 .下面我们来看看官方对 Flutter 的介绍吧. Flutter 介绍 Flutter 并不是替代原生 iOS 和 Android 开发模式,相反,可以把 Flutter 理解为内置的一个引擎,可以把这个引擎引入到现有的工程或者全新的工程中. Flutter 有以下

前言 Flutter 已成为目前最流行的跨平台框架之一,在近期的几个大版本的发布中都提到了 Flutter 版本 Google 广告插件 [google_mobile_ads] .对于"出海"应用选择官方的插件非常稳定方便,对于国内的应用虽然我们的选择比较多,但是支持 Flutter 版本的则没有.在 Pub 和 Github 搜到几个广告插件,但是无法满足需求,问题也比较多,或是停止维护了,于是决定自己开发一款优质广告插件. 广告平台分析 广告平台 是否支持 Flutter Goog

之前搞的Flutter版工具链已经弄完了,感兴趣的朋友可以围观下,Android版本dio库(v2.0.14)发送网络请求老是报错,去官方提了issue还没回,于是今天搞一下把Flutter模块接入到已有项目中. 首先Flutter官方已经出了wiki,教大家怎么接入.懒得看官方原文的可以看看这个简易版快速集成,先来看看效果. 一.创建Flutter模块 一般用Flutter或者React Native的团队大部分原因都是因为需要跨平台,所以在已有项目目录的上一级创建Flutter模块,譬如你的

Flutter Google推出已经已经一年多了,单个 Flutter 项目的开发流程已经很成熟了.对与个人开发者来说使用 Flutter 开发一个跨平台的App挺有意思.但是对于现有的项目改造来说还是不建议,Flutter 中的控件还没有完全能满足我们的要求,我们需要解决这个问题会消耗我们大量的研发资源. 虽然 Flutter 无法接入我们的项目,但是我们可以尝试者去模仿 Flutter 在项目中的使用场景.下边我讲讲我在 Android 和 Flutter 的混合开发实践的躺坑之旅. 官方指

前言 上半年我定的OKR目标是帮助团队将App切入Flutter,实现统一技术栈,变革成多端融合开发模式.Flutter目前是跨平台方案中最有潜力实现我们这个目标的,不管是Hybird还是React Native,我们的项目都有落地应用,跨平台一直是终端团队所追求的技术,能够快速研发和部署也是我们不断给自己提出的挑战.Flutter是什么我在这里就不多说了,很多文章都有介绍,本篇文章想分享的是如何在原生工程中嵌入Flutter来实现混编,帮助团队快速落地Flutter迁移,这个对小团队来说应该会

前言 Flutter 已成为目前最流行的跨平台框架之一,在近期的几个大版本的发布中都提到了 Flutter 版本 Google 广告插件 [google_mobile_ads] .对于"出海"应用选择官方的插件非常稳定方便,对于国内的应用虽然我们的选择比较多,但是支持 Flutter 版本的则没有.在 Pub 和 Github 搜到几个广告插件,但是无法满足需求,问题也比较多,或是停止维护了,于是决定自己开发一款优质广告插件. 广告平台分析 广告平台 是否支持 Flutter Goog

一直以来,跨平台开发都是困扰移动客户端开发的难题. 在马蜂窝旅游 App 很多业务场景里,我们尝试过一些主流的跨平台开发解决方案, 比如 WebView 和 React Native,来提升开发效率和用户体验.但这两种方式也带来了新的问题. 比如使用 WebView 跨平台方式,优点确实非常明显.基于 WebView 的框架集成了当下 Web 开发的诸多优势:丰富的控件库.动态化.良好的技术社区.测试自动化等等.但是缺点也同样明显:渲染效率和 JavaScript 的执行能力都比较差,使页面的加

目录: 一.JDK安装 1.1.JDK下载 1.2.环境变量配置 1.3.测试 二.ANDROID-SDK安装 2.1.下载 2.2.环境变量配置 三.Flutter安装 3.1.下载 3.2.环境变量配置 3.3.测试 四.IDE安装 4.1.下载 4.2.插件安装 五.错误解决 5.1.Android license status unknown 六.项目运行 6.1.创建项目 6.2.运行项目 -----------------------------------分割线----------

本文列举了项目开发使用Flutter会遇到的问题,以及如何使用Flutter module在现有项目中集成Flutter,并对其原理进行了分析. 最近在做的一个商业项目,完全的使用Flutter编写的,这其中的坑,只有写过的人才能体会到. 1. 纯Flutter项目的问题 在论述纯Flutter项目问题之前,我先表述下我的观点(仅限于纯Flutter项目,目前时间2018年6月26日,不排除Flutter的发展,让我的观点改观): 对于个人开发者,可以使用纯Flutter去开发App尝鲜: 对于

Flutter已经融入工程有一段时间了,由于团队人数较少,所以一直没有管和原有工程解依赖的问题,今天有时间正好把这个问题给搞了. 一.分析 首先,直接忽略上一篇<接入现有iOS项目>的所有步骤,直接创建flutter_module工程 flutter create flutter_module 注:flutter create flutter_module 和 flutter create -t module my_flutter区别在于带module参数,创建出来的工程会把辅助用的andro

最近应邀票圈小伙伴躺坑Flutter,项目初步雏形完结.以原来的工具链版本为基础做了Flutter版本,不过后面还是需要优化下项目接入Redux,以及扩展一些Native方法. 这里记录一下在开发过程中碰到的一些小问题. 首先是搭建Tab的时候,切换tab子页面,上一个页面会被释放,导致切换回来时会重新触发initState等生命周期(网络请求是放在这个里面的) 问了一下前同事:"需要使用 bool get wantKeepAlive => true;",于是网上搜了一下这个玩意

Flutter 1.0 正式版: Google 的便携 UI 工具包 文 / Tim Sneath,Google Dart & Flutter 产品组产品经理 Flutter 是 Google 打造的 UI 工具包,通过一套代码同时在 iOS 和 Android 上构建媲美原生体验的精美应用! 如今,移动开发者们在同时兼容 iOS 和 Android 时有两种选择:走原生开发路线,把界面和逻辑在不同平台分别实现:抑或用同一套代码兼容多个平台,但这往往意味着运行速度和产品保真度的损失.我们坚信,F

今天我们非常高兴的宣布,Flutter 的 1.0 版本正式发布!Flutter 是 Google 为您打造的 UI 工具包,帮助您通过一套代码同时在 iOS 和 Android 上构建媲美原生体验的精美应用! 如今,移动开发者们在同时兼容 iOS 和 Android 时有两种选择:走原生开发路线,把界面和逻辑在不同平台分别实现:抑或用同一套代码兼容多个平台,但这往往意味着运行速度和产品保真度的损失.我们坚信,Flutter 为您提供了一套两全其美的解决方案——既能用原生 ARM 代码直接调用的

跨平台开发是当下最受欢迎.应用最广泛的框架之一.能实现跨平台开发的框架也五花八门,让人眼花缭乱.最流行的跨平台框架有 Xamarin.PhoneGap.Ionic.Titanium.Monaca.Sencha.jQuery Mobile.React native.Flutter 等等.但这些工具的表现也是高低有别,各有千秋. 在这些流行的框架中,有很多也已经消失在了历史的长河中被人渐渐遗忘了.但 React native 和 Flutter 这俩框架地位依旧坚挺,备受欢迎. 这是为什么? 因为它

☝点击上方蓝字,关注我们! 本文字数:3705字 预计阅读时间:28分钟 导 读 Flutter又双叒叕来了!本周推送是我们Flutter系列文章的最终篇!<Flutter移动端实战手册>回归实际应用场景,详细讲述Flutter在移动端的应用实践.话不多说,让我们一起来阅读这篇Flutter系列文章的收官之作吧~ Flutter系列文章一共分为三篇: 1.:详细介绍了Flutter整体架构及未来发展前景,并且对Flutter的特性和Dart语言进行了详细介绍. 2. 3.<Flutter

版本号0.1.54 看源码之前,我先去看下官方文档,对于其源码的设计说明,文中所说的原生都是指android 看完官方文档的说明,我有以下几个疑问 第一个:容器是怎么设计的? 第二个:native和flutter的channel的通道是如何设计的? 第三个:Flutter是适配层到底再做些什么? 中控中心FlutterBoost 单独拎出来讲讲,这个类比较简单,就是集合各个模块并让其初始化,同时也是该插件入口处,不管原生和flutter都一样,看源码也是从这里开始看起,但原生和flutter的初

打开文件{{flutterPorject}}\android\app\src\main\AndroidManifest.xml这个文件增加权限信息: <uses-permission android:name="android.permission.READ_PHONE_STATE" /> //访问电话状态 <uses-permission android:name="android.permission.INTERNET" /> //允许全