一个Flutter+GetX开发的本地记账小工具

最新推荐文章于 2023-08-17 21:38:02 发布
最新推荐文章于 2023-08-17 21:38:02 发布
阅读量249 收藏
点赞数 1
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/backwriter/article/details/132005888
版权

一直有记账的习惯，市面上的几款好用点的记账软件要么收费，要么有广告，最近刚好在学Flutter，就自己动手开发一个本地记账没有后台的记账app，发出来给有需要的人吧，顺便有路过的Flutter大佬能帮忙指导一下，GetX嵌套路由到底要怎么玩？问题代码贴在下面了

 gitee地址：account_book: 一个flutter+ GetX开发的本地记账的app

路过的小伙伴帮忙点个star

backwriter
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Flutter 精品项目之基于SQLite本地数据的日常支出手帐App（教程含源码）
iCloudEnd的博客
02-05 630
Flutter 精品项目之基于SQLite本地数据的日常支出手帐App特点。
Chic:仿小池记账 Flutter应用
05-01
Chic Flutter 应用 开发中 Getting Started
Churu：出入是一款用Flutter开发的简约记账应用
02-27
出入 出入是一种用Flutter开发的简约记账应用。
小应用记账本-第2章-数据库设计
CrystalGabrielle的博客
03-08 645
小应用记账本-第2章-数据库设计
flutter 初始化后的基本页面框架
孤舟残月梦还长存的专栏
01-23 1641
// 文件位置：C:\Users\dai51\StudioProjects\myflutter\lib\main.dart import 'package:flutter/material.dart'; import 'basic/NavigationBar.dart'; void main(List<String> args) { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp(.
第十四届中国大学生服务外包大赛细品，巧用AI共克“记账”难题
master_hunter的博客
08-17 2134
前言熟悉我的小伙伴应该知道我在大学时期参与了很多竞赛，我向来对比赛是比较热枕的，以我个人观点，我认为可以通过竞赛激发学习激情和检验自己的技能水平掌握情况，大学生很少有机会能够了解到课堂之外市场的需求，外包服务竞赛就是一个很好的机会能够帮助大学生接触到市场需要何种服务以及人才需求，而且大学的很多比赛都可以积累自己的操行分，拿到一个好的名次收获颇多，可以说学业事业一箭双雕。
Flutter使用流水帐
东子的博客
01-17 1701
一、额外的环境变量设置 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 这两个环境变量国内的环境，必须要设置，windows下可以设置在用户变量中（“控制面板>用户帐户>用户帐户>更改我的环境变量”） ...
Flutter基础--看完这篇就可以撸App
热门推荐
H.A.N的博客
06-16 2万+
这篇内容纯干货，手把手一步一步展示，从零到一个完整的app的构建。 上一篇文章已经教大家怎么搭建flutter的环境：传送门 首先看一下我们的我们今天的demo构建出来的是啥样子的 这篇文章我们要讲的东东有 a. layout结构 b. navBar c. tabbar和列表组件的使用 d. http请求JSON数据，并渲染到列表 e. 组件之间的通信 f. 路由（带...
Flutter爬坑系列（一）——祖传的helloworld
小邪1214的博客
03-20 2018
   Google提出Flutter已经很长时间，由于前段时间转做Java后端的东西，一直没有时间去了解它。这几天也是忙里偷闲关注一波。Flutter环境搭建         进入https://flutter.io官网查看一下具体的环境配置情况，我电脑是macOS10.13.3版本，就根据官网的步骤git clone -b dev https://github.com/flutter/flutt...
flutter开发------图表的使用
追逐蓦然
05-11 4078
图表的使用前言准备工具项目结构引入插件数据处理定义数据类型数据源类图表构建组件 前言 因为公司又项目的需求，所以研究了一些flutter集成图表，在这里做一个笔记，跟大家分享一下， 准备工具 这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。 项目结构 引入插件 到pubspec.yaml引入插件charts_flu...
Flutter+getx+login-sample
05-04
flutter+getx示例项目
Flutter+getx+设置主题
05-08
Flutter切换主题示例代码
Flutter+getx+getxservice示例
05-13
Flutter+getx+getxservice示例
flutter+getx+getx路由管理+getx用法
最新发布
03-16
CSDN博客Flutter中getx路由管理的demo资源。 这里主要是讲解Flutter中GetX框架路由管理的用法。 包括GetX的安装，计时器Demo使用getx改造，GetX的路由管理三个方面。 GetX的路由管理又分成普通路由导航、别名路由...
Flutter+getX+getConnect-示例
05-09
Flutter+getX+getConnect示例项目
Flutter-数据处理
Chuck Chan的专栏
05-23 787
文章将会被同步至微信公众号：Android部落格 文章参考：https://flutterchina.club/json/ 更多信息可以参考flutter官方教程：https://flutter.dev/docs/cookbook 一、文件IO PathProvider 插件提供了一种平台透明的方式来访问设备文件系统上的常用位置。该类当前支持访问两个文件系统位置： 临时目录: 系统可随时清除...
Flutter入门进阶之旅（十二）Flutter 数据存储
谢栋的专栏
01-26 1万+
前言 之前的章节我们基本上把Flutter中基础部分的东西都做了简单的讲解，通过前面章节的循序学习读者也基本能完成一些简单的UI绘制并能利用Flutter处理一些简单的用户交互，读者可能也留意到，我们之前的章节中所学习到的内容并没有涉及到数据存储方面的操作，或者说，我们到现在为止并不知道在Flutter中数据应该怎么存，存在哪。本篇博文中笔者将会为大家解决这一疑惑。 关于Flutter中的数据...
Flutter之数据存储Sqflite工具类的使用（记录学习）
杨阿程的博客
04-16 3952
这篇文章本来是上周刚学习完就想写的，但是因为工作原因，耽误了，当时想抽个时间专门写这篇文章，写详细一点，到得空写时候突然没思路了，果然还是及时行乐比较好，呸，及时记录。没啥头绪那就简单讲一下吧。 其实关于Sqflite的使用，网上有很多文章也介绍了，而且源码上的注释也很详细，这里就不再说了，不过网上介绍的都仅仅是他的使用，实际开发中，我们需要将这些方法封装成工具类，在百度和GitHub上找了一圈...
关于Flutter的渠道（channels）：master、dev和beta
吉原拉面
08-21 1万+
  Flutter有以下三个渠道（channel），顺序按照稳定性依次增加： master   当前代码树的顶端，最新的版本。一般有很多新功能，但是不保证以后会不会砍掉。 dev   以前叫alpha，是最新的完全测试过的版本。也包含了新功能，但是也会有一些"bad" dev builds，可以查看 Bad Builds 列表。 beta   每隔几周都会选取近几个月中最好的一个dev...
flutter结合getx设计一个开关
06-01
好的，下面是使用Flutter结合GetX设计一个开关的代码： 首先，我们需要在`pubspec.yaml`文件中添加`get`依赖项： ```yaml dependencies: flutter: sdk: flutter get: ^4.6.1 ``` 接下来，我们在`main.dart`中引入`get`库： ```dart import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(MyApp()); } ``` 然后，我们创建一个`SwitchController`来管理开关状态： ```dart import 'package:get/get.dart'; class SwitchController extends GetxController { var switchValue = false.obs; void toggle() { switchValue.toggle(); } } ``` 在`SwitchController`中，我们使用`obs`来将`switchValue`转换为可观察的变量，以便在状态更改时更新UI。我们还定义了一个`toggle`方法，以便在用户切换开关时更新状态。 接下来，我们创建一个`SwitchScreen`，在其中显示开关，并处理开关状态更改： ```dart import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'switch_controller.dart'; class SwitchScreen extends StatelessWidget { final controller = Get.put(SwitchController()); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Switch Example')), body: Center( child: Obx(() => Switch( value: controller.switchValue.value, onChanged: (value) => controller.toggle())), ), ); } } ``` 在`SwitchScreen`中，我们使用`Get.put`将`SwitchController`实例化并将其添加到依赖项中。然后，我们使用`Obx`将开关包装起来，以便在状态更改时更新UI。 最后，我们在`MyApp`中调用`SwitchScreen`： ```dart class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter Demo', home: SwitchScreen(), ); } } ``` 现在，我们已经成功地使用GetX设计了一个开关，并且可以在状态更改时更新UI了。希望这个代码可以帮助到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值