Flutter
学习Flutter的过程
i加加
定个小目标,每周末一篇博客。
展开
-
(两百六十七) Flutter - 学习从一个页面回传数据
学习https://flutter.cn/docs/development/ui/navigationhttps://flutter.cn/docs/cookbook/navigation/returning-data从一个页面回传数据在某些场景下,我们需要在回退到上一屏时同时返回一些数据。比如,我们跳转到新的一屏,有两个选项让用户选择,当用户点击某个选项后会返回到第一屏,同时在第一屏可以知道用户选择的信息。你可以使用 Navigator.pop() 来进行以下步骤:感觉类.原创 2020-06-07 23:22:22 · 346 阅读 · 0 评论 -
(两百六十三)Flutter - 学习处理边界约束 (Box constraints) 的问题
https://flutter.cn/docs/development/ui/layout/box-constraints处理边界约束 (Box constraints) 的问题Flutter 中的 widget 由在其底层的 RenderBox 对象渲染而成。渲染框由其父级 widget 给出约束,并根据这些约束调整自身尺寸大小。约束是由最小宽度、最大宽度、最小高度、最大高度四个方面构成;尺寸大小则由特定的宽度和高度两个方面构成。一般来说,从如何处理约束的角度来看,有以下三种类型的渲染框:原创 2020-05-31 22:00:07 · 2479 阅读 · 0 评论 -
(两百六十二)结合perfetto观察flutter 和 Android 的加载过程
1.两个demo最简单最初始的demo肯定是hello world的flutterimport 'package:flutter/material.dart';void main() { runApp( Center( child: Text( 'Hello, world!', textDirection: TextDirection.ltr, ), ), );}android<?xml ve原创 2020-05-31 21:33:57 · 672 阅读 · 0 评论 -
(两百五十八)以perfetto的视角观察flutter的加载
1.抓取trace使用https://blog.csdn.net/sinat_20059415/article/details/106307905中网页抓取方式抓取trace对应tracehttps://download.csdn.net/download/sinat_20059415/124529432.简要分析测试flutter还是之前写的https://blog.csdn.net/sinat_20059415/article/details/105920254#t4里的ap..原创 2020-05-24 10:41:30 · 573 阅读 · 0 评论 -
(两百五十二)初探Flutter 加载流程
1.主页面flutter都是以dart语言编写的,除了之前插入启动页和闪屏页的时候涉及了Android 下的manifest编写,其他的都没怎么涉及,那加载的页面对应于Android是什么呢? mCurrentUserId=0 Current looper: Looper (android.ui, tid=1671) mCurrentUserId=0 mCurrentFocus=Window{9792f01 u0 com.example.flutter原创 2020-05-17 22:44:01 · 651 阅读 · 0 评论 -
(两百四十六)Flutter - 学习向 Android 应用中添加闪屏页
向 Android 应用中添加闪屏页开启 Flutter 的体验需要短暂地等待 Dart 的初始化。一个完整的 Flutter 应用还额外需要 Android 应用程序标准的初始化时间。 Flutter 支持在 Android 应用初始化的时候展示启动页,并且还支持在你的 Flutter 初始化时展示闪屏页。本指南展示如何在 Flutter 编写的 Android 应用中使用启动页和闪屏页。iOS 启动页所有应用在交付到 Apple 应用商店之前 必须使用 Xcode storyboard原创 2020-05-10 11:47:35 · 996 阅读 · 1 评论 -
(两百四十五)Flutter - 学习添加资源和图片
学习https://flutter.cn/docs/development/ui/assets-and-images添加资源和图片Flutter 应用程序包含代码和 assets(有时称为资源)。资源是被打包到应用程序安装包中,可以在运行时访问的一种文件。常见的资源类型包括静态数据(例如 JSON 文件),配置文件,图标和图片(JPEG,WebP,GIF,动画 WebP / GIF,PNG,BMP 和 WBMP)。指定资源Flutter 使用 pubspec.yaml 文件,位于..原创 2020-05-10 11:38:59 · 564 阅读 · 0 评论 -
(两百四十四)学习为你的 Flutter 应用加入交互体验
学习 https://flutter.cn/docs/development/ui/interactive接续 (两百四十二)学习Flutter布局构建教程有状态和无状态的 widgets有些 widgets 是有状态的, 有些是无状态的。如果用户与 widget 交互,widget 会发生变化,那么它就是_有状态的_。Stateless widget 不会发生变化。Icon...原创 2020-05-05 20:19:47 · 263 阅读 · 0 评论 -
(两百四十三) 解决flutter test_api 依赖找不到问题
1.报错导入flutter的的时候执行flutter create .报如下错误Because splash depends on flutter_test any from sdk which depends on test_api 0.2.11, test_api 0.2.11 is required.So, because splash depends on test_api 0...原创 2020-05-05 11:39:28 · 2593 阅读 · 0 评论 -
(两百四十二)学习Flutter布局构建教程
学习https://flutter.cn/docs/development/ui/layout/tutorial1.标题行Widget titleSection = Container( padding: const EdgeInsets.all(32), child: Row( children: [ Expanded( /*1*/ ...原创 2020-05-04 17:44:47 · 308 阅读 · 1 评论 -
(两百四十一)学习Flutter开发文档 - Flutter 中的布局(二)
接着学习https://flutter.cn/docs/development/ui/layout#common-layout-widgets通用布局 widgetsFlutter 有一个丰富的布局 widget 仓库,里面有很多经常会用到的布局 widget。目的是为了让你更快的上手,而不是被一个完整的列表吓跑。关于其他有用的 widget 的信息,可以参考Widget 目录,或...原创 2020-05-04 12:02:31 · 273 阅读 · 0 评论 -
(两百四十)学习Flutter开发文档 - Flutter 中的布局
学习 https://flutter.cn/docs/development/ui/layoutFlutter 中的布局要点 Widgets 是用于构建 UI 的类。 Widgets 可以用于布局和展示 UI 元素。 通过组合简单的 widgets 来构建复杂的 widgets。 Flutter 布局的核心机制是 widgets。在 Flutter...原创 2020-05-03 22:02:38 · 1269 阅读 · 0 评论 -
(两百三十六)学习Flutter 开发文档 - Widgets介绍(二)
继续学习https://flutter.cn/docs/development/ui/widgets-intro#changing-widgets-in-response-to-input续(两百三十四)学习Flutter 开发文档 - Widgets介绍(一)根据用户输入改变 widget到目前为止,这个页面仅使用了无状态的 widget。无状态 widget 接收的参数来自于...原创 2020-04-19 21:55:59 · 279 阅读 · 0 评论 -
(两百三十四)学习Flutter 开发文档 - Widgets介绍(一)
Widgets 介绍Flutter 从 React 中吸取灵感,通过现代化框架创建出精美的组件。它的核心思想是用 widget 来构建你的 UI 界面。 Widget 描述了在当前的配置和状态下视图所应该呈现的样子。当 widget 的状态改变时,它会重新构建其描述(展示的 UI),框架则会对比前后变化的不同,以确定底层渲染树从一个状态转换到下一个状态所需的最小更改。待续如果你想通...原创 2020-04-12 22:55:42 · 432 阅读 · 0 评论 -
(两百二十八)学习“给Android开发者的Flutter指南”(二)
继续学习https://flutter.cn/docs/get-started/flutter-for/android-devs#how-do-i-use-a-canvas-to-drawpaint目录如何使用 Canvas 进行绘制?如何创建自定义 Widget?视图 (Views)如何使用 Canvas 进行绘制?在 Android 中,你可以使用 Canvas ...原创 2020-04-06 22:02:47 · 220 阅读 · 0 评论 -
(两百一十八)学习“给Android开发者的Flutter指南”(一)
学习:https://flutter.cn/docs/get-started/flutter-for/android-devs目录1.视图在 Flutter 中的对应概念是什么?2.如何更新 widgets?3.如何更新widgets4.如何布局 Widget?1.视图在 Flutter 中的对应概念是什么?Android 中的 View 是显示在屏幕上的一切的基础。...原创 2020-03-29 19:27:08 · 255 阅读 · 0 评论 -
(两百一十二) 学习编写你的第一个 Flutter App 第二部分
前言:之前学习了第一部分,继续学习第二部分https://codelabs.flutter-io.cn/codelabs/first-flutter-app-pt2-cn/index.html#01. 向列表里添加图标在这部分,我们将为每一行添加一个心形的(收藏)图标,下一步你将能够为这个图标加入点击收藏的功能。 添加一个 _saved Set(集合)到 RandomWordsS...原创 2020-03-22 21:30:34 · 222 阅读 · 0 评论 -
(两百零八)flutter安装
1.flutter安装懒得启动ubuntu了,window上先尝鲜下参考https://flutter.dev/docs/get-started/installhttps://flutterchina.club/setup-windows/下载地址https://flutter.dev/docs/development/tools/sdk/releases我安装的...原创 2020-03-14 22:40:44 · 312 阅读 · 0 评论 -
(两百零九)体验第一个flutter app
目录1.创建app1.1 sdk配置1.2 gradle下载1.3 报错2.运行1.创建app参考https://flutter.dev/docs/get-started/test-drivehttps://flutterchina.club/get-started/test-drive/#androidsstudiohttps://flutter.cn/d...原创 2020-03-15 14:03:52 · 252 阅读 · 0 评论 -
(两百一十一) 学习编写你的第一个 Flutter App 第一部分
前言:之前学习了flutter的安装和运行,现在根据官方文档编写第一个flutter应用,对应官方文档https://flutter.cn/docs/get-started/codelab内容。1.创建初始化工程替换 lib/main.dart删除 lib/main.dart 中的所有代码,然后替换为下面的代码,它将在屏幕的中心显示”Hello World”。lib/main....原创 2020-03-22 20:59:36 · 327 阅读 · 0 评论