Flutter的安装配置和滑动ListView收藏功能的实现

Flutter的介绍

Flutter是Google在2015年推出的移动UI框架,可快速在iOS和Android上构建高质量的原生用户界面。Flutter第一次亮相于2015年5月Dart开发者峰会上,初始名字叫做“Sky”,后更名为Flutter,Flutter使用Dart语言开发,Dart是Google于2011年推出的新的计算机编程语言。2018年2月27日,在2018世界移动大会上,Google发布了Flutter的第一个Beta版本。Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架。

Flutter的配置

flutter的配置并不复杂,这里以macOS为例,由于某些原因,国内用户无法下载完整的flutter环境,所以,谷歌提供了一些方法,首先用户需要配置你的环境变量,如下所示:

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

接着下载flutter的sdk,地址下载页[linkhttps://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos,然后将它解压到相关目录下,将flutter配置到相关目录下:

export PATH=`pwd`/flutter/bin:$PATH
//这里的pwd替换为你解压的目录,如:Downloads,在bash_profile文件中添加

然后刷新当前窗口,命令如下:

source $HOME/.bash_profile

最后运行flutter doctor,查看命令行提示,输入命令,同意相关协议:

flutter doctor --android-licenses

下面贴上我的环境变量,仅供参考:
在这里插入图片描述
通过命令行运行flutter/bin命令验证目录是否存在于Path中,到此Flutter基本配置完成,要为android开发Flutter应用,还需要下载Android的sdk和Java的JDK,这里不做主要介绍,Android的SDK直接上链接,安装即可。[link]https://developer.android.google.cn/studio。
安装完Flutter后需要为Android Studio配置Flutter插件,打开Android Studio,选择下方的Configure,点击Plugins,搜索Flutter并安装。
在这里插入图片描述
在这里插入图片描述
然后首页会出现如上图所示的start a new Flutter project,接下去一步步创建,然后点击运行就可以跑flutter应用了。当然了,这首先需要创建一个模拟器,在Android Studio上任意创建一个模拟器。升级flutter,可直接在命令行输入:

flutter upgrade

个人看法以及Flutter未来

每个人对于Flutter的看法各有不同,个人认为,Flutter语法简洁,性能强大,Flutter提倡一切都是Widget(Java好像还说万物皆对象),Flutter可以说是对标现在的React Native,或许由于写惯了Android原生Java的写法,对于JavaScript的语法简直是头皮发麻,Flutter的出现,或许给了目前处于初级中级Android原生开发者们的我们又一条光明大道,虽然我们不知道他未来会不会像当初的Hybird一样不温不火,但是未来的主流肯定是跨平台方案,不会RN,懂得Flutter也许也是一门优势,毕竟,Flutter背后可是Google。如果未来真的是大前端一体化,JavaScript一统,那么估计只能回家开淘宝卖肉松饼了。

Flutter的Demo

大家可以去Github或者CSDN资源上下载,附上Github地址:
https://github.com/zcyyouminghuo/Flutter_startup_name

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值