目前市场上,(市场也许用的不对),比较常见的技术有xamrin、RN、Flutter,确切的说flutter是后起之秀,笔者也是最近才开始学习,xamrin是微软系的技术,笔者也很早就开始学习了,RN笔者也学习了一小段时间,xamrin和RN 笔者在学习时候的最大感受就是累, 完全体会不到编程的乐趣。

先说说xamrin,我看了一阵子,官网的教程看了一遍,想实现一个复杂一点的界面,想破头皮不知道如何实现,因为xamrin.form的组件会被生成原生的组件,所以这就衍生出了一个很复杂的问题,原生的控件的特性各不一样,form控件如何匹配,很多组件特性的匹配,比如我想实现一个通讯录的右边首字母索引滑动导航功能,思考了半天不知道如何下手,提供的控件似乎不太好搭配,需要自己去渲染么,困惑了好几天,(在这里不做吐糟,也许是自己水平达不到)在网上试图搜搜案例,又搜不到,衡量了几天,还是放弃了,也许xamarin这种映射原生的控件的做法有太大的局限性。

然后就转向了RN,RN生态要比xamrin好的多,某个功能只要上网一搜索,都有很多案例,好有吸引力啊,笔者就开始踏入了学习之路,与其说是学习之路,倒不如说是踩坑之路,从搭环境开始,需要安装N多的东西,为了开发自己的一款APP,索性忍了,由于采用的是脚本,我又学习了es6,可是es6学习完后,我才发现脚本语言的特性,没有一定的积累,很难摸得十分清楚,但是毕竟也是多年的开发经验,还算hold住,于是我在想脚本有先天的不足性,但是开发者却期望他变得像java、c#这种语言那样强大,于是纷纷改造扩展,从最初的js到es6 7,typescript, 再到各种组件,插件,可以说是鸡毛乱飞啊,好生迷乱,为了开发一款自己的app,忍了,一点点熟悉,可是令我最不能忍得是,我第一天搭建的APP,第二天就运行不起来了,于是分析估计是下载了一个插件所致,分析了一整天,似乎也没找到解决办法,貌似是插件版本的问题,后来解决了,又报了另一个莫名的错误,哎正在困惑时,又看到了一个夸平台技术,flutter,搜了搜貌似还挺有吸引力,flutter直接自己实现了界面,也就是说flutter自己在安卓和ios上渲染了UI,这个太强悍了,于是又放弃了RN,转投flutter,

于是又开启了flutter入门之旅

flutter的开发语言是dart,dart是面向对象的语言,一些语法特性类似java、c#,但是要比他们轻巧的多,所以学起来很快。

环境搭建,客观的讲flutter的环境搭建要比rn省事的多,下载flutter sdk,配置环境变量就搞定了(参照官网教程),另外模拟器的安装会有一点点注意的地方。

1.模拟器安装,安装android studio,来安装sdk

  • SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image
  • SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。然后还要勾选最底部的Android Support Repository.

另外sdk的安装,flutter官网提供的不详细,完全可以参照RN的教程来安装sdk https://reactnative.cn/docs/0.47/getting-started.html

2.模拟器的启动报haxm

bios里启动虚拟化技术,网上有,如果已经启用不用考虑

D:\Android\Sdk\extras\intel\Hardware_Accelerated_Execution_Manager里的intelhaxm-android.exe有没有安装?

只要做到了这两点,模拟器基本上都可以启动起来

3.启动项目持续的initialzing gradle,等待很长时间

C:\Users\Administrator\.gradle\wrapper\dists该目录下又各种版本的gradle压缩文件,可以在网上先下载下来,然后zip包直接放到对应的目录下,譬如C:\Users\Administrator\.gradle\wrapper\dists\gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv不需要解压。这样时间就不会很久了。

另外要学会修改项目的gradle版本,否则版本不同就还要下载,还会等待很长时间

在这两个文件里修改,修改的跟简单,打开一看就知道了不做介绍。

4.开发工具的选择可以是android studio 或者vscode,网上都有介绍,不做介绍,笔者使用的是vscode

至此,就可以开心的开发了,多研究别人的源码,熟悉各种套路就是了。

谈谈跨平台的app开发 坚定的选择了flutter的更多相关文章

  1. 跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程

    前端开发APP,从HBuilder开始~ 序 通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备.为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plu ...

  2. 跨平台移动APP开发进阶(一)mui开发注意事项

    mui开发注意事项 Mui HTML5开发框架 mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验:这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文:想了解mui更详细 ...

  3. 跨平台移动APP开发进阶(四)AngularJS简介

    AngularJS 是一个为动态WEB应用设计的结构框架.它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚.简洁地构建你的应用组件. 它的创新点在于,利用 数据绑定 和 依赖注入 ...

  4. 跨平台移动APP开发进阶(三)hbuilder+mui mobile app 开发心酸路

    注:请点击此处进行充电! 1.问题描述:在实现图片轮转时,若将 <script type="text/javascript"> mui("#slider&qu ...

  5. 初学者福音——10个最佳APP开发入门在线学习网站

    根据Payscale的调查显示,现在的APP开发人员的年薪达到:$66,851.这也是为什么那么多初学的开发都想跻身到APP开发这行业的主要原因之一.每当你打开App Store时候,看着琳琅满目的A ...

  6. 跨平台app开发(引擎)工具的选择【转】

    跨平台app开发(引擎)工具的选择 1.html5执行速度慢,用户体验不好 2.原生应用开发,即ios和安卓分别开发,需要两种技术人员,后期代码维护困难,很难达到统一. 3.xamarin是一款c#的 ...

  7. 跨平台移动端APP开发---简单高效的MUI框架

    MUI是dcloud(数字天堂)公司旗下的一款跨平台开发移动APP的框架产品,在学习MUI框架之前,最先接触了Hbuilder代码编辑器,它带给我的第一感觉是快,这是HBuilder的最大优势,通过完 ...

  8. 带你从零学ReactNative开发跨平台App开发(七)

    ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...

  9. 带你从零学ReactNative开发跨平台App开发(四)

    ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发 ...

随机推荐

  1. Codeforces 932E Team work 【组合计数+斯特林数】

    Codeforces 932E Team work You have a team of N people. For a particular task, you can pick any non-e ...

  2. git 第一次提交至仓库

    可以打开Idea 的 terminal直接进行命令操作 1.git init 2.git add src(这个src意思是添加src目录下的所有文件,有些会说add ..    那就是提交工程下的所有 ...

  3. ubuntu qq安装

    安装最新版qq2016 qq2012下载链接: https://pan.baidu.com/s/1miFVc04 密码: 3g9w 先解压到自己所在的目录,解压命令自己百度在这个目录下,有三个解压包, ...

  4. BZOJ AC倒序总结

    https://fcw.moe/?p=177

  5. 安装WampServer关闭mysql服务后打不开了

    WampServer自带了mysql精简班的数据库了 WampServer自带 的mysql和你独立安装的mysql端口号冲突了 mysql默认的端口号是3306 建议你修改WampServer的数据 ...

  6. c++中重载,重写,覆盖

    1.重载 重载从overload翻译过来,是指同一可访问区内被声明的几个具有不同参数列表(参数的类型,个数,顺序不同)的同名函数,根据参数列表确定调用哪个函数,重载不关心函数返回类型. 相同的范围(在 ...

  7. bzoj 4530 [Bjoi2014]大融合——LCT维护子树信息

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4530 LCT维护子树 siz .设 sm[ ] 表示轻儿子的 siz 和+1(1是自己的si ...

  8. 使用JDK合成照片

    原图(工程所在目录7098849.jpg): 头像(工程所在目录20181023201750.jpg): 开始合成(执行如下main方法): public static void main(Strin ...

  9. 【译】GNU Radio How to write a block 【如何开发用户模块及编写功能块】

    本文讲解如何在GNU Radio中添加用户开发的信号处理模块,译文如有不当之处可参考原文地址:http://gnuradio.microembedded.com/outoftreemodules Ou ...

  10. jeecg中List页面的高级查询

    1.普通的高级查询 <t:datagrid name="orderworthList" title="订单价值统计" actionUrl="or ...