Flutter GetX Tag 属性使用详解了解 Flutter GetX Tag 属性的定义、用途、实现方式和常见问题。 前言 Flutter中,GetX是一款非常流行的状态管理库。它不仅提供了状态管理的功能,还有路由、依赖注入和许多其他功能。在这篇文章中,我将介绍如何在Flutter中正确使用GetX的标签(Tag)功能。很多同学在问我 Getx 问题的时候,我发现都对 tag 属性不清楚
转载 2024-06-05 06:20:20
77阅读
Flutter 出生便先声夺人Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。快速开发 毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建
转载 2024-10-09 11:39:19
49阅读
简单来说,Autocomplete 意为 自动填充 。其作用就是在输入时,进行 关键字联想。在输入框下方展示列表,如下所示:注意,这是目前 Flutter 框架内部的组件,非三方组件。FlutterUnit 中输入时联想效果下面是动态搜索的效果展示:1. Autocomplete 组件最简代码我们先一步步来了解 Autocomplete 组件,先实现如下的最简代码:使用 Autocomplete
随着时间的逐渐推移, Flutter 开始了扩张之路flutter 已经不满足于移动端了,桌面端也有着自己的野心但无论如何,目前 flutter desktop 还仅仅处于 demo 玩一玩的阶段, 如果谁敢生产项目来一套, 我佩服你是个勇士 文章目录官方说明创建项目打开项目包控件测试输入无限滚动图片库的使用修改 yaml修改代码查看界面粗略分析插件目录创建插件后记 官方说明https://git
0 1概述 说明在Flutter中使用ThemeData来在应用中共享颜色和字体样式,Theme有两种:全局Theme局部Theme全局Theme是由应用程序根MaterialApp创建的Theme 。定义好一个Theme后,就可以在自己的Widget中使用它。另外,Flutter提供的MaterialWidgets将使用我们的Theme为AppBars、Buttons、Check
简介 ThemeDataFlutter 中用于定义应用程序主题的类,它允许你指定应用程序的颜色、字体、文本样式、边距等一系列视觉和样式属性。通过 ThemeData,你可以轻松地使应用程序的外观和感觉保持一致,同时提供了可自定义的选项。 ThemeData的详细介绍 以下是关于 ThemeData 的详细介绍: 颜色(Colors) primaryColor:应用程序的主要颜色,通常用于导航
原创 2023-10-11 08:54:51
956阅读
一、背景项目里需要单独替换几个页面的字体。于是找到了全局指定字体的方法,参考文章:Flutter 指定字体(全局指定、局部指定),该文章提到了三种替换方法:①全局替换,在MaterialApp的theme属性中,指定fontFamily。 ②单个替换,单独在Text的style中指定fontFamily。 ③多处替换,定义公共TextStyle ,调用它的copyWith方法。为了方便理解,在此搬
转载 2024-09-25 17:41:51
144阅读
Dart的异步操作一起从0开始学习Flutter!我们经常在开发的时候面临上传下载等耗时操作,这时候需要请我们的异步模块出场了,使用异步的目的是为了在我们在执行一段耗时代码的时候不至于UI卡主用户无法操作。 首先我们可以使用Future来帮助我们创建一个简单的异步请求。Future<String> getData(){ return Future<String>((
转载 2024-04-01 22:36:39
52阅读
按照官网的手动集成步骤一步一步完成,但是在运行打开 FlutterActivity 时出现了了如下错误:E/flutter: [ERROR:flutter/runtime/dart_vm_data.cc(18)] VM snapshot invalid and could not be inferred from settings. E/flutter: [ERROR:flutter/runtim
转载 2024-07-09 08:00:40
179阅读
一、文本 Widget1、纯文本(Text)Text 控件常见属性:textAlign: 文本对齐,默认是左对齐,可以根据实际情况修改为居中(TextAlign.center)或右对齐(TextAlign.right)maxLines: 文字最多显示多少行,通常与 overflow 搭配使用overflow: 内容溢出显示效果,可以设置显示省略号(TextOverflow.ellipsis)tex
转载 1月前
0阅读
redux主要由Store、Action、Reducer三部分组成Store用于存储和管理StateAction用于用户触发的一种行为Reducer用于根据Action产生新的Stateflutter redux流程1.Widget通过StoreConnector绑定Store中的State数据 2.Widget通过Action触发一种新的行为 3.Reducer根据收到的Action更新Stat
转载 7月前
43阅读
一、Flutter 应用主题、二、完整代码示例、三、相关资源
原创 2022-03-08 13:39:13
1006阅读
 RaisedButton (凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton)RaisedButton的常用属性属性名称值类型属性值onPressedVoidCallback ,一般接收一个方法必填参数,按下按钮时触发的回调,接收一个方法,传null表示按钮禁用,会显示禁用相关样式childWidget文本控件
转载 2024-03-28 10:57:42
103阅读
本篇通过 `一键换肤demo`,介绍在flutter项目中如何使用 `theme` 以及如何对 `themeData` 进行字段扩展,实现全局的主题配置管理。
原创 3月前
0阅读
GetXGetx:https://github.com/jonataslaw/getx目前✨ 1.9k但是在flutter.io中已经2.5k了,收到了广大开发者的喜爱,废话不多说直接进入正题:GetX的计数器示例Flutter默认创建的 "计数器 “项目有100多行(含注释),为了展示Get的强大功能,我将使用 GetX 重写一个"计数器 Plus版”,实现:每次点击都能改变状态在不同页面之间切
介绍在 Flutter 1.20, 官方推出了Hybrid Composition,此方法仿照ios端的platform view 在flutter中的显示方式,相较于原来的AndroidView性能要更好。此文将分析Hybrid Composition 在绘制方面的工作流程。在此之前建议先了解使用一下,具体使用方法,可点击下方链接:官方使用文档此文将会横跨 flutter、android和eng
转载 2024-10-10 07:21:18
44阅读
前面我们分析了Widget,发现源码非常简单,主要逻辑就是构建子树,以及是创建Element。 那Element有何神奇?且看Element。首先我们看下Element家族的继承关系:我们可以看到Element系列庞大,但跟我们平常开发关系比较大却不多。接下来我们会主要围绕这个继承关系图,逐个分析主要的类。DiagnosticableTree这个没什么好说的,就是一堆方便处理调试信息的。Widge
Flutter 中,我们可以通过Image组件来加载并显示图片,Image的数据源可以是asset、文件、内存以及网络。1 在工程根目录下创建一个images目录2 在pubspec.yaml中的flutter部分添加如下内容:3 加载该图片Image也提供了一个快捷的构造函数Image.asset用于从asset中加载、显示图片:4 从网络加载图片const Image(
转载 1月前
359阅读
当前开发环境 Flutter 版本:3.10.5,Dart 版本:3.0.5,操作系统:macOS 文章目录一:效果演示二:ReorderableListView 源码分析2-1:必需属性2-2:可选属性三:如何使用 ReorderableListView四:如何指定组件中的部分区域进行拖拽4-1:问题分析4-2:解决方案 一:效果演示在 Flutter 中,实现拖动某一个组件可以使用 Dragg
Flutter 3.0 发布之前,我们通过 《Flutter 深入探索混合开发的技术演进》 盘点了 Flutter 混合开发的历史进程, 在里面就提及了第一代 PlatformView 的实现 VirtualDisplay 即将被移除,而随着最近 Flutter 3.0 的发布,这个变更正式在稳定版中如期而至,所以今天就详细分析一下,新的 TextureLayer 如何替代 PlatformV
转载 2024-09-14 12:57:27
23阅读
  • 1
  • 2
  • 3
  • 4
  • 5