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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-26 14:58:11
                            
                                135阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            使用 WidgetsBindingObserver获取class CloseTap extends StatefulWidget {
  @override
  _CloseTapTapState createState() => _CloseTapTapState();
}
class _CloseTapTapState extends State<CloseTap>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            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阅读
                            
                                                                             
                 
                
                                
                    