Flutter学习记录

环境搭建:
1.下载flutter SDK然后解压到自定义的一个文件夹;
2.配置环境变量
编辑 .bash_profile 输入以下内容,然后执行 source .bash_profile

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=${PATH}:/Users/yannchee/YannCheeDevelopLibs/flutter/bin:$PATH
  1. 注意: 上面配置在bash_profile的环境变量有可能不生效,如果电脑同时装了zsh,例如终端装的是oh-my-zsh.
    解决办法:
  • 直接在.zhsrc 这个文件中去配置环境变量
  • 或者.zhsrc文件中加上一句: ~/.bash_profile

原因是oh-my-zsh的配置文件是.zshrc,bash的配置文件是.bash_profile;切换到zsh之后,.bash_profile不会再加载,而是直接执行.shsrc,所以为了让.bash_profile配置生效,一般在zhsrc加上一句:
source ~/.bash_profile


3.以上两步环境基本搭建完成,执行flutter doctor 检测环境是否完全配好,根据终端提示,执行提示的命令.

  1. 安装Android Studio,安装flutter 和dart plugin, VSCode 也需要装这两个插件;

5.配置环境变量

# flutter环境
export PATH=/Users/yanncheemac2015/YannCheeDevLibs/flutter/bin:$PATH

 # Flutter官方为中国开发者搭建了临时镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

# JDK环境
# java8
# export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_201.jdk/Contents/Home

# java11
export JAVA_HOME=/Users/yanncheemac2015/YannCheeDevLibs/jdk_11.0.15.1.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar

# 安卓SDK开发环境
export ANDROID_HOME=/Users/yanncheemac2015/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
# ADB 环境
export PATH=${PATH}:${ANDROID_HOME}/platform-tools

VCCode 实用插件:

Bracket Pair Colorizer  提供代码高亮
Flutter Widget Snippets  内置Widget代码块
Awesome Flutter Snippets 内置常见函数代码块

最近在学习flutter,网上搜集一些可以直接上手的案例,快速入门

加载更多的ListView,下拉效果

网络请求列表数据展示

由于我是从Objective-C 转过来的,写代码时不经意间写成了OC的代码风格,所有有必要先熟悉下Dart的编码规范: https://dart.dev/guides/language/effective-dart/style

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容