首页
学习
活动
专区
圈层
工具
发布

【Flutter 专题】100 何为 Flutter Widgets ?

和尚学习 Flutter 有一段时间了,其中 Flutter 的核心思想是 Everything is Widget;但是什么是 Widget 它与我们常说的 Element 和 RenderObject...StatefulWidget StatelessWidget 是状态不可变的 Widget,主要通过 build() 方法,把一个或多个 Widget 整合成一个新的 Widget;这也完全符合 Flutter...ProxyWidget ProxyWidget 作为一个抽象的代理 Widget 并没有实质性的作用,只是在父类和子类需要传递信息时使用;主要有 InheritedWidget 和 ParentDataWidget...时,子类状态变更时可以通知父类进行对应的变更;和尚简单理解为数据上移; 而 ParentDataWidget 与 InheritedWidget 作用方向相反,用于为具有多个子类的 RenderObjectWidget...提供对于的配置等,例如 Stack 使用已定位好的父类 Widget 来定位每个子 Widget;和尚简单理解为数据下移; InheritedWidget 和 ParentDataWidget 涉及内容较多

1K31
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Java:如何正确地使用异常详解

    好了,说明了受检异常和非受检异常在使用过程中的区别。现在就来说说怎么创建这些不同的异常吧。...所以,当我们试图告诉调用者,当前的异常是可以被修复,并允许重新去调用的时候,我们就使用受检的异常,当我们认为这是一个程序错误的时候,则需要使用非受检异常。...} } catch (IndexOutOfBoundsException e) { LogUtils.printTimeUsed("不针对检查异常...图-3 不同异常检查方式遍历List 从上面的测试结果中,我们可以看到不针对地检查异常(盲目地检查异常),比有针对性地检查异常性能上低了不少。所以,我们在使用异常的时候,请格外谨慎。...NotFindUserErrorCode = 10003L;//找不到此用户 public static final Long NotMatchUserAddressErrorCode = 10004L;//用户与收货地址不匹配

    98720

    【Flutter 组件集录】Flexible、Expanded 和 Spacer

    1.Flexible 基本信息 Flexible 继承自 ParentDataWidget ,这个类型的父组件可能大家都没见过,毕竟我们很少自定义 ParentDataWidget...可以说类的定义还是比较简单的,下面一起看一下该组件的使用,及两个属性的作用。...虽然我们可以通过计算剩余尺寸来设置 Container的宽,但是这个计算过程比较麻烦,特别是 Row 里子组件非常多或不固定,用算的自然比较费劲。...其实这些 Flutter 内部已经帮你做了,并暴露一个 Flexible 组件来给你用。我们只需要简单地套一个 Flexible 即可。...两者在使用上并没有什么区别,由于 Flexible 可以设置 fit 值,所以用途要比 Expanded 广泛。而强制延展的场景使用 Expanded 组件语义更好,而且简单一点。

    2.1K20

    【Flutter】Flutter 项目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜索 Flutter 插件 | 安装 Flutter 插件 | 使用 Flutter 插件 )

    文章目录 一、Flutter 包和插件管理平台 二、Flutter 插件搜索示例 三、Flutter 插件装示例 1、添加 Dart 包依赖 2、获取 Dart 包 3、使用 Dart 包 4、官方的导入插件说明...四、Flutter 插件使用 五、Flutter 应用入口 六、 相关资源 一、Flutter 包和插件管理平台 已经实现好的模块功能 , 完全可以复用 , 避免重复造轮子 , 这些功能可以封装在 Flutter...安装 , ③ 代码中导入使用 ; 1、添加 Dart 包依赖 添加包依赖 : 打开 Flutter 项目根目录下的 pubspec.yaml 配置文件 , dependencies: flutter...get " 按钮 , 获取该 Dart 包 ; 3、使用 Dart 包 在代码中导入该插件的头文件 : import 'package:flutter_color_plugin/flutter_color_plugin.dart...'; 4、官方的导入插件说明 官方的导入插件说明 : 四、Flutter 插件使用 该插件支持将字符串颜色如 “#FFFFFF” 或 “#FFFFFF” 解析成 Flutter 中的 Color 颜色对象

    3.4K00

    【Flutter 组件集录】Positioned | 8 月更文挑战

    下面是 Positioned 组件类的定义和 构造方法,可以看出它继承自 ParentDataWidget 。有 左上右下宽 高六个属性。...之前介绍的 Flexible 也 ParentDataWidget 类型的组件,它只能用于 Flex 组件中。可以看出 ParentDataWidget 可以限定组件的使用范围。 2....Positioned 组件的使用 我们可以通过 左上右下 控制子组件相对于 Stack 组件区域的偏移量,这些数值可为负数。...Icon(Icons.ac_unit, color: Colors.green)) ], 3.Positioned 组件的下的约束特性 下面的案例中,通过 Positioned 组件嵌套绿色,红色不嵌套...也就是说在 Overlay 组件中,我们也可以使用 Positioned 组件进行定位。那本文到这里就结束了,谢谢观看,明天见~

    1.6K10

    flutter技术落地使用

    Flutter技术落地使用 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。...在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。...通过我们的实际开发使用的经验看,Flutter是一门学习起来十分顺滑的成熟技术框架,下面将推荐一下学习路线让你快速的入门Flutter,构建你想要的应用: 1....学习Flutter UI框架: 掌握Widget,在Flutter中,万物皆Widget!.../docs/development/ui/widgets 二、进阶学习: 插件使用:pub.flutter-io.cn/ 原生调用:文件操作、拍照、语音、视频播放 四、拓展学习: 原生学习:Android

    1.3K20

    使用flutter基础入门

    安装 github上,下载flutter源码,运行flutter_console添加bin文件夹到path中 https://gitee.com/mirrors/Flutter.git 或者 dart...=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 运行flutter doctor检查安装依赖项是否完成...或者新建flutter项目(flutter create project_name),再vscode中打开项目,右下角弹出的flutter错误窗口中选择,定位flutter/bin目录即可 dart...新建项目,flutter create 查看连接设备,flutter devices(vscode flutter select device选中输出设备) 执行flutter run运行程序,连接设备后...盒子模型容器布局,支持padding等属性),Center(居中布局),Padding(填充布局),Align(对齐布局),Colum(垂直布局),Row(水平布局),Expanded(配合Colum,Row使用

    1.4K20

    【Flutter】Flutter 资源文件使用 ( 导入资源图片 | 使用图片资源 )

    文章目录 一、Flutter 导入资源图片 二、Flutter 使用资源图片 三、完整代码示例 四、相关资源 一、Flutter 导入资源图片 ---- Flutter 资源路径配置 : 资源路径在根目录中的...项目中使用该文件了 ; 下图展示了资源文件目录结构以及配置文件中的配置信息 ; 导入资源图片样式 : 二、Flutter 使用资源图片 ---- Image 组件中使用资源图片 , 在其 image...字段使用 AssetImage 类型的图片即可 ; 代码示例 : 设置一个 200 x 200 大小的 Image 组件 , 显示 images/hunter.png 资源图片 ; Image(...ResourcePage> { @override Widget build(BuildContext context) { return MaterialApp( title: "资源文件使用...primarySwatch: Colors.blue), home: Scaffold( appBar: AppBar( title: Text("资源文件使用

    2.3K00
    领券