Flutter从入门到进阶 实战App学习笔记

Coding Alan 4周前 (08-19) 229次浏览 0个评论

开发工具准备与开发环境搭建

在macOS上搭建Flutter开发环境

下载页面:https://flutter.dev/docs/development/tools/sdk/releases

Android 环境变量

安装 Xcode,并配置 Xcode 命令行工具来使用新安装的 Xcode 版本

命令行打开 iOS 模拟器:

创建运行一个简单的 Flutter 项目

开发工具 Android Studio,在它的Preferences>Plugins中安装 Flutter 插件

Dart SDK path: /usr/local/opt/dart/libexec/

Flutter SDK path: 刚刚安装 Flutter 的路径

Android Studio 用户指南:https://developer.android.google.cn/studio/intro

iOS真机测试

Android 真机调试

依赖安装

在 pubspec.yaml 文件的dependencies下加入依赖包名称,Android Studio 中点击上方的Packages Get 链接,或直接执行如下命令

快速上手Flutter开发

DartPad 在线练习

其它:Online Dart Compiler

Flutter 插件网站:pub.dev

Flutter 提供的布局:flutter.dev

Apple’s iOS design language 

Flutter 学习资源列表

Icon 查询:https://material.io/resources/icons/

JSON to Dart在线转换工具

Dart线上文档

iPhone 各版本屏幕尺寸

手机型号屏幕尺寸屏幕分辨率开发尺寸像素尺寸倍图
4/4s3.5英寸326 ppi320*480 pt640*960 px@2x
5/5s/5c4英寸326 ppi320*568 pt640*1136 px@2x
6/6s/7/84.7英寸326 ppi375*667 pt750*1334 px@2x
6+/6s+/7+/8+5.5英寸401 ppi414*736 pt1242*2208 px@3x
X/Xs5.8英寸458 ppi375*812 pt1125*2436 px@3x
Xr6.1英寸326 ppi414*896 pt828*1792 px@2x
Xs Max6.5英寸458 ppi414*896 pt1242*2688 px@3x

可用于学习的实例项目

https://github.com/flutter/flutter/tree/master/examples

https://github.com/flutter/samples

https://github.com/nisrulz/flutter-examples

https://github.com/iampawan/FlutterExampleApps

 

Android Studio 常用快捷键

Cmd + N:快速生成构造函数,getter, setter 等

Cmd + Opt +L:格式化代码

常见问题

1、This application’s application-identifier entitlement does not match that of the installed application. These values must match for an upgrade to be allowed.

卸载手机上的软件重新执行安装即可

2、加速审核:

https://developer.apple.com/contact/app-store/?topic=expedite

喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址