一、前言 Flutter开发,就需要对各种状态的管理,就是在请求数据的时候需要实时变化,各种交互变化等,在没有使用GetX之前使用Provider,用Provider的时候觉得真香,挺方便的,需要刷新的时候直接 notifyListeners(); 用了GetX之后觉得Provider太繁琐了。这边介绍下GetX的使用以及常用的方法。二、 GetX GetX 是 Flutter 上的一个轻量且强大
转载 2024-10-15 22:51:05
307阅读
一,概述  官方规范文档官方代码规范:dart语言官方有自己的代码规范和相关的说明,在dartlang官网上,英文好的建议阅读原文官方连接地址: https://www.dartlang.org/guides/language/effective-dart/style   正文文档中图片的说明绿色部分为正例,右上角带good标识。红色是反例,右上角带bad标识二,规范总结标识方案&nbs
转载 2024-04-15 17:26:05
127阅读
导航import 'package:flutter/material.dart'; import 'home/Home.dart'; import 'study/Study.dart'; import 'mine/Mine.dart'; class Index extends StatefulWidget { Index({Key key}) : super(key: key); @o
转载 7月前
18阅读
dart为动态类型语言dart中的 Var 跟kotlin一样,表示任意数据类型dart中最高级的类跟Java一样叫做Object,Kotlin叫做Anydart中一切都是对象,每个对象都是类的实例(包括null),所有类都继承自object,未被初始化的都会被赋值为:nulldart 以“;”结尾,跟Java一样。Kotlin 不需要结尾符dart关键字有new(dart2可省略),static
转载 2023-11-19 08:14:55
100阅读
背景从写 Flutter 第一行程序开始我们就知道在 Dart 的 main 方法中通过调用 runApp 方法把自己编写的 Widget 传递进去,只有这样编译运行后才能得到预期效果。你有没有好奇这背后都经历了什么?runApp 为什么这么神秘?或者说,在你入门 Flutter 后应该经常听到或看到过 Flutter 三棵树核心机制的东西,你有真正的想过他们都是什么吗?如果都没有,那么本文就是一
转载 2024-07-31 17:32:03
190阅读
最近终于做完了第一期flutter项目,也是边学边做,说一下我的体会,以及项目中遇到的问题。首先呢,肯定是认识了解flutter,了解dart语言。总体感觉dart语言很接近java和js,用法呢接近kotlin。所以呢学起来难度不大。可能稍微麻烦点的就是布局了,写布局也是纯demo,写的工程也看不到效果,只能通过频繁的调试去看。其实只要属性了众多控件的用法和属性,构建页面布局也不难,官方文档都
转载 2024-04-09 14:47:17
48阅读
项目支持web :flutter create .运行:flutter run -d chrome运行指定渲染方式:flutter run --web-renderer html -d chrome打包:flutter build web --release --web-renderer html 去除链接URL中的"#"1.在pubspec.yaml文件中添加如下代码: # 去除网页UR
转载 2024-02-05 12:03:27
428阅读
1点赞
# 在Flutter项目中编写Android Java代码 Flutter是一款由Google推出的开源UI工具包,能够帮助开发者构建高效、跨平台的移动应用。在使用Flutter开发应用时,有时需要与原生Android代码进行交互。这篇文章将介绍如何在Flutter项目中编写Android Java代码,并提供相应的代码示例。 ## 1. 为什么在Flutter中使用Java代码? Flut
原创 10月前
145阅读
Flutter是一种新型的“客户端”技术。它的最终目标是替代包含几乎所有平台的开发:iOS,Android,Web,桌面;做到了一次编写,多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。 在前些日子举办的Google IO 2019 年度开发者大会上,Flutter web作为一个很亮眼的技术受到了开发者的追捧。这是继Flutter支持Android、IOS等设备之后,
# Android Studio打开Flutter项目代码爆红解决方案 --- ## 简介 在开发过程中,我们经常会遇到代码出现错误的情况,其中一种常见的情况就是在Android Studio中打开Flutter项目时,发现代码出现了红色的波浪线或错误提示。本文将教会刚入行的开发者如何解决这个问题。 ## 解决方案概览 下面是解决“Android Studio打开Flutter项目代码
原创 2024-01-16 10:42:18
998阅读
完整示例代码 + 动图演示,最详细的 flutter key 详解。对 key 的作用,LocalKey,ValueKey,ObjectKey,GlobalKey 的应用场景都有详尽的解释。
原创 2023-04-07 10:12:11
232阅读
文章目录基本属性TextFieldInputDecoration样式基础样式隐藏文本键盘类型键盘按钮大小写光标最多行数计数器图标提示文字去除下划线边框获取输入内容关闭软键盘校验异常总结github:https://github.com/yechaoa/wanandroid_flutter/blob/master/lib/pages/loginPage.dart效果:终于还是对TextFie...
原创 2022-09-15 14:33:38
677阅读
实现TextField说简单也简单,说有坑,坑也不小,下面从易到难介绍一下使用 1.最简单的就是无参数调用构造方法: TextField() 2.光有输入框还不行,还得获取其中的内容,所以需要传递controll
转载 2021-07-20 16:05:12
302阅读
一、初识FlutterFlutter是什么?下面是来自官网的原话:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。 在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。三个重点:跨平台、原生UI、开源免费我记住的几个优势:Flutter渲染技术上,选择了自己实现(
AnimatedWidget 详细介绍 AnimatedWidget 是 Flutter 中用于简化动画实现的抽象类,通过将动画逻辑与 UI 组件封装结合,使开发者能够更高效地创建和管理动画效果。它自动处理动画状态的监听与 UI 更新,减少模板代码,适用于需要根据动画值动态变化的自定义动画场景。 一、核心概念与作用 核心功能 自动监听动画值:关联 Animation 对象,监听其值变化并
原创 精选 6月前
206阅读
1点赞
BottomSheet 是 Flutter 中一个非常重要的控件,它用于从屏幕的底部滑出一个面板,提供额外的内容或操作。BottomSheet 提供了一种非常灵活的方式来展示额外的信息、操作选项或交互组件,通常用于显示不需要占用整个屏幕空间的临时内容。 Flutter 提供了两种类型的 BottomSheet: Persistent BottomSheet:持久的底部面板,通常用于显示一些永久
AlwaysScrollableScrollPhysics简介 在 Flutter 中,AlwaysScrollableScrollPhysics 是一个控制滚动行为的物理模拟类,它的核心作用是 强制让滚动视图(如 ListView、GridView 等)始终允许用户滚动,即使内容不足以填满可视区域。下面从多个维度详细解析它的作用和用法: 1. 核心行为 默认滚动行为的痛点 默认情况下,当
为什么我们需要状态管理如果应用足够简单,Flutter 作为一个声明式框架,你或许只需要将 数据 映射成 视图 就可以了。你可能并不需要状态管理,就像下面这样。 image.png 但是随着功能的增加,你的应用程序将会有几十个甚至上百个状态。这个时候你的应用应该会是这样。 image.png 这实在是太复杂了!而且还会有多个页面共享同
转载 2024-04-02 20:37:33
265阅读
如果你还不了解Consumer,请移步我的上一篇博文,Flutter Provider状态管理-Consumer,此篇文章是基于上一篇的基础来的。从上一篇中我们知道Consumer可以实现UI页面的局部刷新,摒弃掉传统的setState,让UI的表现上一个台阶。但是我在实际的业务场景使用Consumer却遇到了很多问题。举个栗子:一个计数器页面,这不是一个简单的计数器页面,因为它有两个Text,我
转载 2024-03-25 20:51:48
193阅读
Flutter的beat通道已经支持对web的支持,通过 Web 支持,你可以将使用 Dart 编写的现有 Flutter 代码编译为可以嵌入浏览器,并部署到任何 Web 服务器上,具有客户端体验的 Web 应用。你可以使用 Flutter 的所有功能,而不需要任何浏览器插件。使用Flutter构建Web应用1.创建一个支持Web的新项目如果你不知道自己的FLutter的channel版本,你可以
转载 2024-02-23 18:02:13
95阅读
  • 1
  • 2
  • 3
  • 4
  • 5