两个星期,用Flutter撸个APP

本文介绍了作者使用Flutter开发诗词汇APP的过程,包括环境搭建、主要技术点如Dart语言、Widget、布局,以及在开发中遇到的坑和使用的插件。APP集成了主题切换、极光推送、QQ和微信登录分享等功能,尽管在iOS编译上遇到问题,但最终体验良好。
摘要由CSDN通过智能技术生成

前言

Flutter是Google推出的跨平台的解决方案,Slogan是“Design beautiful apps”,国内也有知名企业在使用和推广,例如阿里、美团都有在尝试。

个人对其中的一些特性,比如JIT、Material Design、快速开发等很感兴趣,于是决定尝试一下。

诗词汇

于是诞生了诗词汇APP,首先看一下是个什么样的APP。

接下来我们一步步从不同方面说说Flutter的开发。

开始

FLutter可以在Windows、Linux、Mac上进行开发,开发工具可以使用VS Code、Android Studio、IDEA等,本文推荐使用Android Studio,主要在于Android Studio提供了FLutter Inspector工具,可以实时审查元素,解决界面的显示适配问题。

搭建开发环境

搭建环境的主要步骤:

  1. 下载SDK,下载地址
  2. 配置PATH,如果使用Mac或者Linux系统,一定要将bin目录添加到系统PATH。
  3. 配置依赖源镜像,这一步很重要,并且需要将脚本放到启动shell中。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 执行flutter doctor,这一步耗时会很长,需要耐心等耐。
  2. 安卓开发工具及插件,配置编辑器

配置编辑器

主要是给编辑器安装相应的插件。
VS Code安装

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值