web-flutter
web-flutter
小沈曰
人生的高度,不在于你看清了多少事,而在于你看轻了多少事。
展开
-
flutter - 00开发系统与工具选择
开发系统MAC 可以编译iOS与AndroidWindows 入门学习flutter工具选择AndroidStudio,方便调试Visual Studio Code,方便编写原创 2020-07-16 10:31:38 · 138 阅读 · 0 评论 -
flutter - 08 状态管理
状态管理什么是StatelessWidget?什么是StatefulWidget?什么是StatefulWidget和StatelessWidget最佳实践?状态是在构建widget时可以同步读取的信息,或者在widget的生命周期中可能更改的信息,在Flutter中如果要管理状态需要用到 StatefulWidget。什么是StatelessWidget?Flutter中的StatelessWidget是一个不需要状态更改的widget - 它没有要管理的内部状态。当您描述的用户界面部分原创 2020-07-16 11:32:33 · 141 阅读 · 0 评论 -
flutter - 03 什么是声明式UI
什么是声明式UI为什么是声明式UI?如何在声明性框架中更改UI?Flutter采用了声明性UI布局方式, 学习什么是声明式UI, 以及它和我们常用的命令式UI的异同。为什么是声明式UI?从Win32到Web在到Android和iOS的框架通常使用命令式的UI编程风格。这可能是我们最熟悉的样式-你手动构建全功能UI实体(如UIView或等效实体),然后在UI更改时使用方法对其进行变更。为了减轻开发人员在各种UI状态之间转换的编程负担, Flutter让开发人员描述当前的UI状态, 并切不需要关原创 2020-07-16 11:31:20 · 1054 阅读 · 0 评论 -
flutter - 02 Dart基础快速入门
Dart基础知识程序入口控制台输出变量检查null或零Functions异步编程Futuresasync和await程序入口在Dart中, 每个app都必须有一个顶级的main() 函数作为应用程序的入口点。// Dartmain() ()练一练Dart Pad。Dart Pad是Dart的一个线上playground, 提供Dart线上playground还有:Online Dart Compiler。控制台输出要在Dart中打印到控制台,可使用print://原创 2020-07-16 11:30:20 · 228 阅读 · 0 评论 -
flutter - 01 Mac配置环境搭建
终端操作内容见下➜ ~ open .zshrc ➜ ~ pwd/Users/air➜ ~ git clone -b dev https://github.com/flutter/flutter.git --verboseCloning into 'flutter'...POST git-upload-pack (gzip 20831 to 9232 bytes)remote: Enumerating objects: 247914, done.remote: Total 247914原创 2020-07-16 10:32:03 · 487 阅读 · 0 评论 -
flutter - 06 认识视图(Views)
认识视图(Views)谁是Flutter中View?如何更新Widgets?如何布局?如何在布局中添加或删除组件?如何对 Widget 做动画?如何绘图(Canvas draw/paint)?如何构建自定义Widgets?如何设置Widget的透明度?谁是Flutter中View?在Android中,View是屏幕上显示的所有内容的基础, 按钮、工具栏、输入框等一切都是View。在 iOS 中,构建 UI 的过程中将大量使用view对象。这些对象都是 UIView 的实例。它们可原创 2020-07-16 11:32:04 · 364 阅读 · 0 评论 -
flutter - 05 项目结构、资源、依赖和本地化
项目结构、资源、依赖和本地化项目文件结构是怎样子的?在哪里归档图片资源以及如何处理不同分辨率?如何归档strings资源,以及如何处理不同语言?如何添加Flutter项目所需的依赖?项目文件结构是怎样子的?一个Flutter项目的通常文件结构是这样子的:project nameandroid - Android部分的工程文件build - 项目的构建输出目录ios - iOS部分的工程文件lib - 项目中的Dart源文件src - 包含其他源文件main.dart - 自原创 2020-07-16 11:31:48 · 512 阅读 · 0 评论 -
flutter - 04 入门基础知识
Flutter入门基础知识如何创建Flutter项目?如何运行Flutter项目?如何导入Widget?如何写一个Helloworld?如何使用Widget并将其嵌套以形成Widget树?如何创建可重用Widget?如何创建Flutter项目?要创建一个Flutter项目有以下两种方式:从命令行使用flutter create命令。确保Flutter SDK配置了环境变量。使用安装了Flutter和Dart插件的IDE。~ flutter create projectflutt原创 2020-07-16 11:31:35 · 575 阅读 · 0 评论 -
flutter - 07布局与列表
LinearLayout 在Flutter中等价于什么(Android)?在Android中,使用LinearLayout来使你的控件呈水平或垂直排列。在Flutter中,你可以使用Row或Column widget来实现相同的结果:@overrideWidget build(BuildContext context) { return Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget&原创 2020-07-16 11:32:17 · 236 阅读 · 0 评论