Flutter基础-环境搭建及demo运行

PHP技术大全 / 2019-03-15 15:02:46

Flutter到底是来解决哪些实际问题的呢?Flutter主要解决了移动开发中的两个重要问题,一是原生应用程序的性能与平台的集成;二是提供多平台、可移植的UI工具包支持高效应用开发。

原文作者:Lmaoshammy

http://www.jianshu.com/p/e5c40f563e11

正文

Flutter是一款谷歌的用以同时在 iOS 和 Android 上制作高质量原生界面的移动应用UI框架.目前谷歌是已发布了 Flutter Beta 版,同时也提供了多个 Sample Project 供学习. Flutter 主要有着快速开发有表现力及灵活的UI原生表现等特点.

快速开发

极速热部署就能使app构建生效,使用大量可深度自定义化的小部件 (Widgets) 供快速开发原生界面.

有表现力及灵活的UI

快速地将特性集中在客户端用户体验上.分层体系结构允许深度定制,最终呈现快速渲染以及有表现力和灵活的设计

原生表现

Flutter的小部件包含了所有关键的平台差异,如滚动、导航、图标和字体,以在iOS和Android上提供完整的原生表现

{% note info %}

类似于 Fackbook 的 React Native , 我们可用 Flutter 开发一套代码,应用于 Android 以及 iOS 平台上.不仅如此, Flutter 还可应用于谷歌将推出的新系统Fuchsia. 可以看出 , Flutter 确有统一移动端的趋势 , 身为移动 Developer 当然要有所了解. 接下来我们将开始搭建开发环境 , 并且运行官方的 demo

为了更好的阅读体验, 请点击阅读原文:)

{% endnote %}

安装

首先进入Flutter Install选择相应操作系统下的安装包进行安装

首先此处有个温馨小点 , 谷歌为中国开发者准备了国内镜像,为图中的链接this wiki article. 主要是配置两个环境变量 PUB_HOSTED_URL和 FLUTTER_STORAGE_BASE_URL, 安装时当检测到有这俩环境变量,就会优先读取变量存储的地址去安装.

创建或者打开 $HOME/.bash_profile, 在下方添加两行变量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

然后 source $HOME/.bash_profile 使之在当前 terminal 生效.

最后可用 echo $PUB_HOSTED_URL 和 echo $FLUTTER_STORAGE_BASE_URL检测是否添加成功

{% note warning %}

最好配置下这个地址.笔者亲测,科学上网期间但没配置这倆地址时,下载组件时总会崩溃中断