《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.4 收藏功能

最新推荐文章于 2023-02-06 19:49:50 发布
最新推荐文章于 2023-02-06 19:49:50 发布
阅读量205 收藏 1
点赞数
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/geeksoarsky/article/details/119938356
版权
本文详细介绍了在Flutter开发中实现旅行社交APP广场模块的收藏功能。从视图层的收藏按钮小部件封装，到数据层的API和服务类设计，再到状态管理的运用，实现了收藏状态的切换。在逻辑层，通过firstWhere方法更新收藏状态，并用IconButton局部刷新，动态改变图标颜色。服务器端交互确保了功能的完整实现。
摘要由CSDN通过智能技术生成

收藏功能


收藏和点赞是一样的，服务器端逻辑和数据表映射只是字段名不一样，所以框架都是一样的，开发过程中只是把 thumb搜索替换成 collect，所以模块化后开发速度很快，读者可以类比理解。

视图层

封装的收藏按钮小部件
lib/widgets/like_button.dart

import 'package:flutter/material.dart';
import 'package:flutter_locyin/utils/getx.dart';
import 'package:get/get.dart';
class CollectButtonWidget extends StatefulWidget {
了解本专栏 订阅专栏 解锁全文 超级会员免费看
geeksoarsky
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
《Flutter 实战开发旅行社交手机APP》
geeksoarsky的博客
08-18 329
福利 笔者转人工智能了，本项目的 Git 仓库会持续更新，但是没有多少空闲时间编写文档了，能写多少是多少了。以后章节不再额外收费，以福利形式继续在《Flutter项目工程化》专栏内发布，且不再涨价。 应读者需求，我已经把 Laravel 服务器端部署到了云服务器上，接口基础地址： https://api.locyin.com/api/v1/ 其他 App 的基础配置信息可在 lib/utils/getx.dart 文件内修改。 已完成功能： 游记列表 点赞功能 游记详情 ...
《Flutter 实战开发旅行社交手机APP》第二章 地图模块 2.1 Flutter 集成高德地图
geeksoarsky的博客
08-27 892
Flutter 集成高德地图安装依赖KEY创建应用调试版签名发布版签名高德地图添加 jar 文件：添加权限修改配置按需引入高德定位配置截图版本提交 安装依赖 安装高德定位 Flutter 插件，高德地图 Flutter 插件。定位和地图是分开的，不要混淆。 amap_flutter_location: 2.0.0 amap_flutter_map: 2.0.2 KEY 创建应用 根据插件Readme得知，我们需要前往高德地图开放平台 分别申请 Android 端和 iOS 端的 key。 调试版
Flutter实战之独立实现官网Demo单词收藏Demo
weixin_34161029的博客
04-25 271
概述 这是一次独立尝试，即独立完成实现Flutter文档第一个项目的最终效果，实现目标即首页为一个可无限滚动的单词列表，点击单词右边的小心心即可收藏或者取消收藏，可以在右上角的列表页查看收藏的单词，自己实现的效果如下： 首页： 单词收藏页： 实现思路 看到这样一个功能，即可以分为两个页面，第一个页面本质就是一个列表页，每个列表分为两部分，即单词和收藏按钮，而第二个页面只需要显示单词，布局简单拆...
Flutter的安装配置和滑动ListView收藏功能的实现
FansKlin
04-21 448
这里写自定义目录标题Flutter的介绍Flutter的配置个人看法以及Flutter未来Flutter的Demo Flutter的介绍 Flutter是Google在2015年推出的移动UI框架，可快速在iOS和Android上构建高质量的原生用户界面。Flutter第一次亮相于2015年5月Dart开发者峰会上，初始名字叫做“Sky”，后更名为Flutter，Flutter使用Dart语言开发...
《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.3 游记详情
geeksoarsky的博客
08-18 178
数据层 实体类 lib/data/model/dynamic_detail_entity.dart import 'package:flutter_locyin/generated/json/base/json_convert_content.dart'; import 'package:flutter_locyin/generated/json/base/json_field.dart'; class DynamicDetailEntity with JsonConvert<DynamicDet
如何使用Flutter开发一款电影APP详解
08-25
在本文中，我们使用Flutter开发了一款电影APP，涵盖了电影的首页、详情页、视频播放页等功能。读者可以通过示例代码了解到如何使用Flutter开发一个完整的电影APP。 七、总结 本文为读者提供了一个完整的Flutter...
基于Flutter 3.x 实战跨平台仿抖音App混合开发
09-16
分享课程——基于Flutter 3.x 实战跨平台仿抖音App混合开发，完整版视频课程下载。 Flutter 3已发布，跨平台支持性更好。本课程会手把手教你用简单、高效且通用的方式，将原生项目迁移成一个Flutter/原生混合开发的...
Flutter完整开发实战详解系列.pdf
07-15
Flutter完整开发实战详解系列.pdf
通过 flutter 实现一个列表功能
01-07
使用 english_words 包实现生成列表的功能： 官方参考文档 import 'package:english_words/english_words.dart'; import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: RandomWords(),
5.17 收藏按钮实现（上）｜uni-app 项目实战（首页功能模块）｜uni-app & uniCloud 从零入门开发《IT技术资讯类跨端应用》项目实战
08-31
5.17_收藏按钮实现（上）｜uni-app_项目实战（首页功能模块）｜uni-app_&_uniCloud_从零入门开发《IT
Flutter 官网的列表点击收藏
weixin_44911775的博客
03-22 702
import 'package:english_words/english_words.dart'; import 'package:flutter/material.dart';//包 void main() => runApp(new MyApp());//主函数指向的方式允许该APP class MyApp extends StatelessWidget {//全部class写在一块 @override Widget build(BuildContext context) {//组件
【Flutter Unit 重大更新 1 】超好用的组件收藏夹上线
张风捷特烈的博客
04-24 256
重大更新篇是有重大功能支持是的相关文章，进行介绍，文尾会附带这段时间的更新情况 前言 经过一周的更新，解决了不少bug, 感谢大家的支持，项目star个数也已破千 Flutter Unit 于今日上线一个重要的功能模块组件收藏夹，丝滑的操作等你体验。 欢迎star : github.com/toly1994328… FlutterUnit.apk 下载 FlutterUnit mac版...
Flutter移动应用开发 - 具有收藏功能的词汇本实现
最新发布
如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。
02-06 232
词汇本实例，具有随机生成词汇、收藏词汇、查看收藏夹功能。
《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.2 点赞功能
geeksoarsky的博客
08-18 191
视图层 封装的点赞按钮小部件 lib/widgets/like_button.dart import 'package:flutter/material.dart'; import 'package:dio/dio.dart'; import 'package:flutter_locyin/data/api/apis_service.dart'; class LikeButtonWidget extends StatefulWidget { //所属游记 final int id; //点赞数
Android开发-使用Realm数据库实现App中的收藏功能
_彼岸雨敲窗_的博客
03-29 2647
前 言 App数据持久化功能是每个App必不可少的功能，而Android最常用的数据持久化方式主要有以下的五种方式： 使用SharedPreferences存储数据； 文件存储数据； SQLite数据库存储数据； 使用ContentProvider存储数据； 网络存储数据。 其中前四种都是缓存数据到本地，这篇主要讲的是使用第三种方式来实现App中的收藏功能，不过不用Android原生自带S...
flutter 常用的插件
热门推荐
weixin_44911775的博客
10-26 1万+
参考
Flutter 入门实现 ListView 列表页面以及收藏页面
龙衣
01-06 4324
实现的效果图（官网示例） 作为一个 Android 开发者，实现这个功能那肯定是分分钟的事，但是现实是用 flutter 实现，那么需要如何来实现呢？ 通过拆分我们可以得到如下要实现的功能： 顶部标题栏 可滑动的列表 可收藏和取消的点击图标 页面跳转 在开始实现效果之前，我们先来了解一下代码结构，入口在lib/main.dart,目前所有的代码都先在里面实现。 在这里使用了一个第三方库，用于...
Flutter实战教程：从入门到精通
实例篇（第15章）以实际应用为驱动，通过构建一个简化的GithubAPP项目，将前面所学的知识整合并应用到实际项目中，让读者全面体验Flutter开发流程，加深对完整APP开发的理解。 《Flutter实战》的独特之处在于它是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

geeksoarsky

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值