Flutter简介Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面,Flutter是完全免费、开源的。Flutter组件采用现代响应式框架构建,这是从React中获得的灵感,中心思想是用组件(widget)构建UI。框架组成Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-26 22:49:31
                            
                                45阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、PhysicalModel 组件、二、 完整代码示例、三、 相关资源、            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-08 14:05:30
                            
                                650阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一,概述由于Flutter是跨平台的,所以有适用于Android和iOS的两种风格的组件。一套是Google极力推崇的Material,一套是iOS的Cupertino风格的组件。无论哪种风格,都是通用的。  概述Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton、FlatButton、IconButton、OutlineButton、ButtonBar            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-23 11:45:56
                            
                                0阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、Wrap 组件、二、Expanded 组件、三、完整代码示例、四、相关资源            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-08 13:38:21
                            
                                1458阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、Opacity 组件、二、ClipRRect 组件、三、Padding 组件、四、完整代码示例、五、相关资源            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-25 18:35:27
                            
                                1314阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这是一个系列,通过8篇文章帮助大家建立起 Flutter 的知识体系,建议大家好好阅读并收藏起来。本篇文章我们先介绍 Flutter 里一些常用的 UI 控件,然后借助官网提供的两个 demo 把所学的控件知识实际使用起来。基本控件Widget在 Flutter 里,UI 控件就是所谓的 Widget。通过组合不同的 Widget,来实现我们用户交互界面。Widget 分为两种,一种是无状态的,叫            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-12 02:08:59
                            
                                276阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录1.Text组件2. RichText组件(富文本组件)3.TextField组件4.按钮组件 1.Text组件Text组件(简单样式文本框组件)用于显示简单的样式文本,它的常用属性如下表所示。TextStyle的常用属性如下表所示。2. RichText组件(富文本组件)RichText组件(丰富文本组件)是Flutter            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-09 15:05:56
                            
                                88阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在 Flutter 开发中最实用的 Dart 语法知识 的文章中,介绍了 Dart 语法,本篇文章就来说一说 Flutter 开发中常见的组件的用法。 一、Widget(组件)概述 在 Flutter 开发中,记住一句话,一切皆组件。 Flutter 的组件很多,要完全记住是不可能的,我的方法就是记住常见的,然而对于组件的属性,这个不需要记住,根据实际开发需求,需要什么属性,直接点开源码,去查看一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-01 09:22:43
                            
                                239阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在Flutter项目中开发IOS桌面组件(WidgetExtension)具体的WidgetExtension的开发流程这里就不细说了,可以参考文末的链接。在Flutter项目开发IOSWidget的过程中,主要的问题有:App和Widget的数据共享点击Widget跳转App的指定界面在App界面编辑并更新Widget数据App和Widget数据共享数据共享使用的是UserDefaults,前提            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-27 21:20:34
                            
                                619阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             
示例代码
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Materia            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-09 17:24:44
                            
                                313阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、FractionallySizedBox 组件、二、Stack 布局组件、三、Positioned 组件、四、 完整代码示例、五、 相关资源            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-08 13:39:21
                            
                                1998阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前面课时只介绍了组件设计,并没有过多涉及布局的讲解,可能你了解一些布局组件,比如 Container、Row、Column、Padding、Center 等,但是对于如何从 UI 稿到组件再到布局,却没有非常清晰的思路。本课时就从我的角度来分析,如何进行组件的布局。常见布局组件在 Flutter 中可以分为 Single-child layout widgets 和 Multi-child lay            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-18 23:05:49
                            
                                73阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、PageView 组件、二、PageView 组件完整代码示例、三、 相关资源、            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-08 13:44:59
                            
                                614阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             
文章目录
【Flutter学习】之MaterialApp和Scaffold组件使用详解
【Flutter学习】基本组件之容器组件Container
【Flutter学习】基本组件之文本组件Text
【Flutter学习】基本组件之图片组件Image
【Flutter学习】基本组件之图标组件Icon
【Flutter学习】基本组件之基本按钮组件
--------- RaisedBut            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 11:08:47
                            
                                456阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            BottomNavigationBar 是底部导航条,可以让我们定义底部 Tab 切换,bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 属性名 说明 items List<BottomNavigationBarItem>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 09:24:12
                            
                                330阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一个圆形图标按钮,它悬停在内容之上,以展示应用程序中的主要动作。FloatingActionButton通常用于Scaffold.floatingActionButton字段 效果: 文档:https://api.flutter.dev/flutter/material/FloatingAction            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 09:31:05
                            
                                650阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            加入图片的几种方式 Image.asset:加载资源图片,就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积,用的是相对路径。 Image.network:网络资源图片,意思就是你需要加入一段http://xxxx.xxx的这样的网络路径地址。 Image.file:加载本地图片,就是加载            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-13 09:28:06
                            
                                334阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 如何实现 Flutter iOS 组件
在开发 Flutter 应用时,可能会需要使用 iOS 的原生组件。本文将为你详细介绍如何实现 Flutter iOS 组件,包括必要的步骤和代码示例。我们将从理解流程开始,然后逐步走过每一个重要的步骤。
## 实现流程
首先,我们来概述一下实现 Flutter iOS 组件的流程,具体步骤将以表格形式展示:
| 步骤     | 描述            
                
         
            
            
            
            无状态组件(StatelessWidget)是不可变的,这意味着它的属性不能改变,所有的值都是最终的。有状态组件(StatefulWidget)持有的状态可能在Widget生命周期中发生变化。实现一个StatefulWidget至少需要两个类:一个StatefulWidget类,一个State类。StatefulWidget类本身是不变的,但是State类在Widget生命周期中始终存在。一.容器            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-22 11:41:20
                            
                                63阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录1. 重要概念2. 容器组件3. 图片组件4. 文本组件4.1 Text4.2 RichText5. 图标及按钮组件5.1 图标组件常用属性5.2 图标按钮组件常用属性5.3 凸起按钮组件常用属性6. 列表控件6.1 基础列表组件常用属性6.2 水平列表组件6.3 长列表组件7. 网格布局组件常用属性8. 表单组件Form组件常用属性TextFormField组件常用属性 1. 重要概念            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-23 10:17:36
                            
                                62阅读