Flutter初体验

181 阅读2分钟

Andorid studio 安装环境,Xcode 安装环境调试完成。若电脑中使用的 zsh环境, vi ~/.zshrc, source ~/.bash_profile 配置兼容bash环境变量 vi ~/.bash_profile 需要在source ~/.bash_profile配置flutter SDK路径, #Flutter export FLUTTER=/opt/flutter/bin #Flutter 镜像设置 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#Android export ANDROID_HOME=~/Library/Android/sdk #安卓模拟器路径 export PATH={PATH}:{ANDROID_HOME}/emulator #安卓tools路径 export PATH={PATH}:{ANDROID_HOME}/tools #安卓 平台工具 export PATH={PATH}:{ANDROID_HOME}/platform-tools #export PATH=FLUTTER:PATH export PATH={PATH}:{FLUTTER}

1、官网下载flutterSDK :flutter.dev

2、讲flutter sdk 放置路径上,本文是在mac 下配置, command+shirt+G 打开前往文件夹 输入 /,使用command + Shift + .打开隐藏文件,找到opt文件夹,将下载好的flutter sdk 放置到/opt/flutter 此文件下。

3、在终端输入flutter doctor 检测是否正常,开发环境 打开andord studio创建flutter工程

Flutter Application: Flutter应用
Flutter Plugin:Flutter插件
Flutter Package:纯Dart组件
Flutter Module (混编到已有的安卓/iOS工程内)

main函数使用了(=>)符号, 这是Dart中单行函数或方法的简写。
该应用程序继承了 StatelessWidget,这将会使应用本身也成为一个widget。 在Flutter中,大多数东西都是widget,包括对齐(alignment)、填充(padding)和布局(layout)
Scaffold 是 Material library 中提供的一个widget, 它提供了默认的导航栏、标题和包含主屏幕widget树的body属性。widget树可以很复杂
widget的主要工作是提供一个build()方法来描述如何根据其他较低级别的widget来显示自己。
本示例中的body的widget树中包含了一个Center widget, Center widget又包含一个 Text 子widget。 Center widget可以将其子widget树对其到屏幕中心。

使用外部包(package)

pubspec文件管理Flutter应用程序的assets(资源,如图片、package等)。

在pubspec.yaml中,将english_words(3.1.0或更高版本)添加到依赖项列表,如下面高亮显示的行:

按步骤导入,开源软件包 1;在需要使用的地方,引入包。

该变量以下划线(_)开头,在Dart语言中使用下划线前缀标识符,会强制其变成私有的。