学习Flutter过程中,整理了一下Flutter官方教程 Building Beautiful UIs with Flutter
原文地址 https://codelabs.flutter-io.cn/codelabs/flutter/index.html#0
1.综述
Flutter 是一个开源 SDK用于创建高性能原生iOS与Android应用
Flutter框架使你很方便地创建快速响应的UI界面,减少同步更新APP界面的工作量
Flutter通过使用Material Design和 Cupertino (iOS) 组件使得创建一个漂亮的APP变得更容易
用户会倾心于你的APP的观感和体验,因为Flutter使用了针对Android和iOS平台的滚动条,导航栏,字体等.
通过使用设备和模拟器的热部署,开发人员会直观地感受到Flutter框架的强大和对开发效率的显著提升
Flutter应用使用了Dart语言
如果你已经学习过Java, JavaScript, C#或Swift, 那么Dart的语法会让你倍感亲切
Dart在编译时使用了标准的Android和iOS工具,针对不同的移动平台进行处理
Dart语言提供了丰富的功能包括你可能已经非常熟悉的简洁的语法,first-class functions (将函数作为类似int float的基础类型,可以赋值和作为参数传递),async/await,以及丰富的标准库可供调用
通过本篇教程可以学习到
如何使用Flutter编写一个原生的iOS和Android应用
如何调试Flutter应用
如何在模拟器和真机上运行Flutter应用
2.搭建你的Flutter环境
Flutter环境涉及2个部分,Flutter SDK和一个编辑器(IDE),教程中会使用Android Studio作为例子,但你也可以使用其他你习惯使用的编辑器
实际代码运行可以选择真机(Android或iOS)连接到电脑,并开启开发者模式
使用iOS模拟器,需要安装XCode工具
使用Android模拟器,需要安装Android Studio
3.创建一个新的Flutter项目
首先根据模板创建一个简单的Flutter应用,具体可以参考
原文地址 Getting Started with your first Flutter app.
中文地址 编写您的第一个Flutter应用
将项目命名为 friendlychat, 你将会使用这个应用起步来创建一个完整的app
提示: 如果你在你的Android Studio(或其他IDE)中,没有看到“新建Flutter项目”的选项,请确保您已正确安装了Flutter和Dart插件 (具体可以参考plugins installed for Flutter and Dart.)
本篇教程中,主要涉及修改 lib/main.dart 这个Dart源文件
网友评论