Flutter里又一个非常重要的核心理念: 一切皆为组件, Flutter所有的元素皆由组件组成。比如: 一个布局元素,一个动画,一个装饰效果等。Widget使用地址:https://github.com/nanos-11/Flutter_nan一、根组件Widget简介:Widget是所有组件的基类 所有组件都继承自它 要想自定义组件必须继承下边两个类中的其中一个: 1️⃣ StatelessW
转载 2024-08-12 18:46:02
164阅读
一,概览这块的内容比较多且有些复杂,为了不让大家迷失在源码的海洋里,我们还是举个例子先简单了解一下这个体系。void main() { runApp(MyWidget()); } class MyWidget extends StatelessWidget { final String _message = "Flutter框架分析"; @override Widget buil
转载 2024-04-25 12:20:17
93阅读
文章目录 Flutter 基础布局 Container WidgetContainer 具体用法示例2示例3 Flutter 基础布局 Container WidgetContainer将会是我们以后最常用的控件之一,Container是单容器类控件,即只包含一个子控件。Container可以装饰和定位子控件,例如设置背景颜色、形状等。Container 具体用法alignment 对齐排列方式padding paddingcolor 背景色decoration 背景装饰foregro
原创 2022-01-13 16:23:56
219阅读
,即只包含一个子控件。Container可以装饰和定位子控件,例如设置背景颜色、形状等。Container 具体用法alignment 对齐排列方式padding paddingcolor 背景色decoration 背景装饰foregro
原创 2021-07-12 09:55:09
285阅读
文章目录1. 概述2. 填充 Padding3. 装饰容器 DecoratedBox3.1 BoxDecration4. 变换 Transform4.1 平移4.2
原创 2022-07-15 11:58:47
242阅读
我们讲过通过Stack和Positioned,我们可以指定一个或多个子元素相对于父元素各个边的精确偏移,并且可以重叠。但如果我们只想简单的调整一个子元素在父元素中的位置的话,使用Align组件会更简单一些。AlignAlign 组件可以调整子组件的位置,定义如下:Align({ Key key, this.alignment = Alignment.center, this.width
使用 WidgetsBindingObserver获取class CloseTap extends StatefulWidget { @override _CloseTapTapState createState() => _CloseTapTapState(); } class _CloseTapTapState extends State<CloseTap&gt
转载 2023-05-22 13:29:19
170阅读
Flutter 三 之Flutter的基础Widget一. 文本Widget1.1. 普通文本展示1.2. 富文本展示二. 按钮Widget2.1. 按钮的基础2.2. 自定义样式三. 图片Widget3.1. 加载网络图片3.2. 加载本地图片3.3. 实现圆角图像3.3.1. 实现圆角头像3.3.2. 实现圆角图片四. 表单Widget4.1. TextField的使用4.1.1. Text
转载 2024-05-29 17:37:47
0阅读
Flutter WidgetsFlutter 2.0.0 • channel stable • https://github.com/flutter/flutter.git Framework • revision 60bd88df91 (10 weeks ago) • 2021-03-03 09:13:17 -0800 Engine • revision 40441def69 Tools • D
原创 2023-01-06 13:23:20
181阅读
Flutter WidgetsFlutter 2.0.0 • channel stable • https://github.com/flutter/flutter.gitFra
原创 2023-01-06 13:28:08
202阅读
Flutter WidgetsFlutter 2.0.0 • channel stable • https://github.com/flutter/flutter.git
原创 2023-01-06 13:28:31
181阅读
Flutter WidgetsFlutter 2.0.0 • channel stable • https://github.com/flutter/flutter.gi
原创 2023-01-06 13:28:20
312阅读
Flutter二 之有状态的StatefulWidget一. StatefulWidget1.1. 认识StatefulWidget1.1.1. StatefulWidget介绍1.1.2. 如何存储Widget状态?1.2. StatefulWidget案例1.2.1. 案例效果和分析1.2.2. 创建StatefulWidget1.2.3. 实现按钮的布局1.2.4. 按钮点击状态改变1.3
转载 2023-11-26 08:31:45
35阅读
一. 什么是key在常规flutter开发中,widget可以有stateful和stateless两种,key能帮助开发者保存widget的状态key涉及到flutter渲染机制Widget只是一个配置项(color,height,width…),最终生成对应类型element(内部存有state状态)Widget更新时,会匹配默认的对应的生成的element,如果类型相同,且key相同,更新视
转载 2024-04-06 22:35:53
32阅读
半夜睡不着觉,把心情写成代码,只好到这里水一篇bug 说起来这些东西,其实是一个怨念,从一个issue开始。 NestedScrollView Issue NestedScrollView里面有2个Scroll Control,一个outer(header),一个是inner(body),当inner里面有PageView/TabBarView,并且每个page被缓存(AutomaticK
转载 2024-06-27 08:28:30
69阅读
Android View矩形区域负责绘制图和事件处理小部件基类Activity、PhoneWindow、DecorView 三者关系DecorView为整个Window界面的最顶层ViewView的绘制流程:OnMeasure()——>OnLayout()——>OnDraw()各步骤的主要工作:
原创 2022-01-05 15:38:32
283阅读
文章目录1. 概述2. 常用组件2.1 Text2.1.1 TextStyle2.1.2 TextSpan参考文章1. 概述上一篇说到,Basics Widge
原创 2022-07-15 11:59:19
146阅读
# iOS调用Flutter Widget ## 概述 在iOS开发中,有时候需要使用Flutter来实现一些功能,比如使用Flutter的UI组件来替代原生的UI组件。本文将介绍如何在iOS项目中调用Flutter Widget。 ## 流程 下面是整个流程的步骤概览: | 步骤 | 描述 | | --- | --- | | 1 | 集成Flutter到iOS项目 | | 2 | 创建
原创 2023-07-23 04:07:57
225阅读
LayoutBuilder 构建一个依赖于 parent widget 大小widget tree。
原创 2023-04-07 10:09:19
143阅读
Align 平时用的最多的恐怕就是居中,居左居右定位这样的功能了,实际上 Align 可以让 child 相对 Align 显示在任意位置。
原创 2023-04-07 10:11:39
108阅读
  • 1
  • 2
  • 3
  • 4
  • 5