摘要: 一、用户登陆界面展示 二、项目结构说明 项目结构图如下图所示: 说明: Login:登陆界面,只负责与用户交互的界面内容展示 LoginController:逻辑控制文件,负责处理,登陆按钮点击和隐私协议勾选 三、项目示例说明 3.1 LoginController(逻辑文件) import 'pa 阅读全文
posted @ 2024-10-18 10:11 fengMisaka 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 一 概述 在 GetX 中,无需 context 上下文,便可使用 SmallWidget 小组件: SnackBars 提示信息 Dialog 对话框 BottomSheets 底部弹窗 先看下效果图: 二、SnackBars(提示信息) GetX 创建一个 SnackBars 代码如下: Get 阅读全文
posted @ 2024-10-18 10:11 fengMisaka 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 一、GetX 依赖管理概述 GetX 提供了一种简单且高效的依赖注入方式,通过少量代码即可实现依赖的注入、管理和访问。它主要通过Get.put、Get.lazyPut、Get.putAsync和Get.create等方法来实现依赖管理。 与其他依赖管理工具的比较: Provider:Provider 阅读全文
posted @ 2024-10-18 10:10 fengMisaka 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 一、前言 GetX 为我们封装了 Navigation ,无需 context 可进行跳转,使用 GetX 进行路由跳转非常的简单,只需要调用Get.to()等即可进行路由跳转。以下是其一些用法: 方法 功能 Get.to() 跳转新页面 Get.toNamed() 命名路由跳转 Get.back( 阅读全文
posted @ 2024-10-18 10:10 fengMisaka 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 一、状态管理说明 状态 百度百科:状态是人或事物表现出来的形态。是指现实(或虚拟)事物处于生成、生存、发展、消亡时期或各转化临界点时的形态或事物态势 此处:指的是变量的值 状态管理的方式 其他状态管理器:Streams 或者 ChangeNotifier 此处:反应式状态管理(GetX/Obx)和简 阅读全文
posted @ 2024-10-18 10:10 fengMisaka 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 一、概述 GetX 是 Flutter 的一个快速开发框架,借助 GetX 可以极大提高 Flutter 的开发速度和效率,它支持: 反应式状态管理 OBS(之前通过 setState 设置) 路由管理(之前通过 Navigator 跳转) 依赖管理(设置过Get.put(Controller)可以 阅读全文
posted @ 2024-10-18 10:09 fengMisaka 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 一、简介 flutter_screenutil 是一个 Flutter 插件,专门用于处理屏幕适配问题。它简化了不同设备间尺寸差异的处理,确保你的应用在各种屏幕上都能保持良好的显示效果。开发者可以通过简单的调用来设置基于设计图尺寸的控件宽高和字体大小。 项目地址:https://github.com 阅读全文
posted @ 2024-10-18 10:06 fengMisaka 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 在全球化趋势下,应用支持多语言是非常重要的。Flutter 提供了强大的国际化(i18n)支持,可以通过 flutter_localizations 与 gen-l10n 工具生成的本地化类来实现不同区域和语言的适配。本篇博客将介绍如何在 Flutter 项目中使用 flutter_localiza 阅读全文
posted @ 2024-10-18 10:05 fengMisaka 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 在 Flutter 中,如果你想要在一个 Dart 文件中使用另一个 Dart 文件定义的组件,你可以通过以下步骤来实现: (1)确保你想要使用的组件已经在另一个Dart文件中被定义,并且这个文件导出了这个组件。 例如,假设你有一个名为my_component.dart的文件,其中定义了一个名为My 阅读全文
posted @ 2024-10-18 10:04 fengMisaka 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 一、程序入口 main.dart // ignore_for_file: prefer_const_constructors import 'package:flutter/material.dart'; import 'widgets/routes.dart'; // 添加路由页面 main(Li 阅读全文
posted @ 2024-10-18 10:02 fengMisaka 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 一、路由管理 1.1 认识Flutter路由 路由的概念由来已久,包括网络路由、后端路由,到现在广为流行的前端路由。 无论路由的概念如何应用,它的核心是一个路由映射表 比如:名字 detail 映射到 DetailPage 页面等 有了这个映射表之后,我们就可以方便的根据名字来完成路由的转发(在前端 阅读全文
posted @ 2024-10-18 10:01 fengMisaka 阅读(57) 评论(0) 推荐(0) 编辑