学无止境

开发系统 MAC 可以编译iOS与Android Windows 入门学习flutter 工具选择 AndroidStudio，方便调试 Visual Studio Code，方便编写

状态管理 什么是StatelessWidget？ 什么是StatefulWidget？ 什么是StatefulWidget和StatelessWidget最佳实践？ 状态是在构建widget时可以同步读取的信息，或者在widget的生命周期中可能更改的信息，在Flutter中如果要管理状态需要用到 StatefulWidget。 什么是StatelessWidget？ Flutter中的StatelessWidget是一个不需要状态更改的widget - 它没有要管理的内部状态。 当您描述的用户界面部分

什么是声明式UI 为什么是声明式UI? 如何在声明性框架中更改UI? Flutter采用了声明性UI布局方式， 学习什么是声明式UI， 以及它和我们常用的命令式UI的异同。 为什么是声明式UI? 从Win32到Web在到Android和iOS的框架通常使用命令式的UI编程风格。这可能是我们最熟悉的样式-你手动构建全功能UI实体（如UIView或等效实体），然后在UI更改时使用方法对其进行变更。 为了减轻开发人员在各种UI状态之间转换的编程负担， Flutter让开发人员描述当前的UI状态， 并切不需要关

Dart基础知识 程序入口 控制台输出 变量 检查null或零 Functions 异步编程 Futures async和await 程序入口 在Dart中， 每个app都必须有一个顶级的main() 函数作为应用程序的入口点。 // Dart main() ( ) 练一练Dart Pad。 Dart Pad是Dart的一个线上playground， 提供Dart线上playground还有：Online Dart Compiler。 控制台输出 要在Dart中打印到控制台，可使用print： //

终端操作内容见下 ➜ ~ open .zshrc ➜ ~ pwd /Users/air ➜ ~ git clone -b dev https://github.com/flutter/flutter.git --verbose Cloning into 'flutter'... POST git-upload-pack (gzip 20831 to 9232 bytes) remote: Enumerating objects: 247914, done. remote: Total 247914

认识视图(Views) 谁是Flutter中View？ 如何更新Widgets? 如何布局？ 如何在布局中添加或删除组件？ 如何对 Widget 做动画？ 如何绘图(Canvas draw/paint)？ 如何构建自定义Widgets? 如何设置Widget的透明度？ 谁是Flutter中View？ 在Android中，View是屏幕上显示的所有内容的基础， 按钮、工具栏、输入框等一切都是View。 在 iOS 中，构建 UI 的过程中将大量使用view对象。这些对象都是 UIView 的实例。它们可

项目结构、资源、依赖和本地化 项目文件结构是怎样子的? 在哪里归档图片资源以及如何处理不同分辨率? 如何归档strings资源，以及如何处理不同语言? 如何添加Flutter项目所需的依赖? 项目文件结构是怎样子的? 一个Flutter项目的通常文件结构是这样子的： project name android - Android部分的工程文件 build - 项目的构建输出目录 ios - iOS部分的工程文件 lib - 项目中的Dart源文件 src - 包含其他源文件 main.dart - 自

Flutter入门基础知识 如何创建Flutter项目? 如何运行Flutter项目? 如何导入Widget? 如何写一个Helloworld? 如何使用Widget并将其嵌套以形成Widget树? 如何创建可重用Widget? 如何创建Flutter项目? 要创建一个Flutter项目有以下两种方式： 从命令行使用flutter create命令。确保Flutter SDK配置了环境变量。 使用安装了Flutter和Dart插件的IDE。 ~ flutter create projectflutt

LinearLayout 在Flutter中等价于什么(Android)？ 在Android中，使用LinearLayout来使你的控件呈水平或垂直排列。在Flutter中，你可以使用Row或Co​​lumn widget来实现相同的结果： @override Widget build(BuildContext context) { return Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget&