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

最新推荐文章于 2023-02-06 19:49:50 发布

geeksoarsky

最新推荐文章于 2023-02-06 19:49:50 发布

阅读量269

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 项目工程化文章标签： flutter

本文链接：https://blog.youkuaiyun.com/geeksoarsky/article/details/119938356

Flutter 项目工程化专栏收录该内容

31 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了在Flutter开发中实现旅行社交APP广场模块的收藏功能。从视图层的收藏按钮小部件封装，到数据层的API和服务类设计，再到状态管理的运用，实现了收藏状态的切换。在逻辑层，通过firstWhere方法更新收藏状态，并用IconButton局部刷新，动态改变图标颜色。服务器端交互确保了功能的完整实现。

收藏功能

视图层
数据层
逻辑层
服务器端（选看）
版本提交

收藏和点赞是一样的，服务器端逻辑和数据表映射只是字段名不一样，所以框架都是一样的，开发过程中只是把 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

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

geeksoarsky

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

《Flutter 实战开发旅行社交手机APP》

geeksoarsky的博客

08-18

401

福利笔者转人工智能了，本项目的 Git 仓库会持续更新，但是没有多少空闲时间编写文档了，能写多少是多少了。以后章节不再额外收费，以福利形式继续在《Flutter项目工程化》专栏内发布，且不再涨价。应读者需求，我已经把 Laravel 服务器端部署到了云服务器上，接口基础地址： https://api.locyin.com/api/v1/ 其他 App 的基础配置信息可在 lib/utils/getx.dart 文件内修改。已完成功能：游记列表点赞功能游记详情 ...

《Flutter 实战开发旅行社交手机APP》第二章地图模块 2.1 Flutter 集成高德地图

geeksoarsky的博客

08-27

1047

Flutter 集成高德地图安装依赖KEY创建应用调试版签名发布版签名高德地图添加 jar 文件：添加权限修改配置按需引入高德定位配置截图版本提交安装依赖安装高德定位 Flutter 插件，高德地图 Flutter 插件。定位和地图是分开的，不要混淆。 amap_flutter_location: 2.0.0 amap_flutter_map: 2.0.2 KEY 创建应用根据插件Readme得知，我们需要前往高德地图开放平台分别申请 Android 端和 iOS 端的 key。调试版

参与评论您还未登录，请先登录后发表或查看评论

《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.3 游记详情

geeksoarsky的博客

08-18

249

数据层实体类 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实战之独立实现官网Demo单词收藏Demo

weixin_34161029的博客

04-25

348

概述这是一次独立尝试，即独立完成实现Flutter文档第一个项目的最终效果，实现目标即首页为一个可无限滚动的单词列表，点击单词右边的小心心即可收藏或者取消收藏，可以在右上角的列表页查看收藏的单词，自己实现的效果如下：首页：单词收藏页：实现思路看到这样一个功能，即可以分为两个页面，第一个页面本质就是一个列表页，每个列表分为两部分，即单词和收藏按钮，而第二个页面只需要显示单词，布局简单拆...

Flutter的安装配置和滑动ListView收藏功能的实现

FansKlin

04-21

598

这里写自定义目录标题Flutter的介绍Flutter的配置个人看法以及Flutter未来Flutter的Demo Flutter的介绍 Flutter是Google在2015年推出的移动UI框架，可快速在iOS和Android上构建高质量的原生用户界面。Flutter第一次亮相于2015年5月Dart开发者峰会上，初始名字叫做“Sky”，后更名为Flutter，Flutter使用Dart语言开发...

精选资源

Flutter完整开发实战详解系列.pdf

07-15

在Flutter基础部分，通常会介绍如何搭建开发环境、编写第一个Flutter应用，以及理解Widget、StatelessWidget和StatefulWidget的区别和用途。快速开发实战篇通常会带领开发者从零开始构建一个完整的Flutter应用，这...

精选资源

基于Flutter 3.x 实战跨平台仿抖音App混合开发

09-16

分享课程——基于Flutter 3.x 实战跨平台仿抖音App混合开发，完整版视频课程下载。 Flutter 3已发布，跨平台支持性更好。本课程会手把手教你用简单、高效且通用的方式，将原生项目迁移成一个Flutter/原生混合开发的...

Flutter 官网的列表点击收藏

weixin_44911775的博客

03-22

796

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 实现一个列表功能

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 Unit 重大更新 1 】超好用的组件收藏夹上线

张风捷特烈的博客

04-24

339

Flutter移动应用开发 - 具有收藏功能的词汇本实现

如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。

02-06

342

词汇本实例，具有随机生成词汇、收藏词汇、查看收藏夹功能。

《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.2 点赞功能

geeksoarsky的博客

08-18

255

视图层封装的点赞按钮小部件 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

2789

前言 App数据持久化功能是每个App必不可少的功能，而Android最常用的数据持久化方式主要有以下的五种方式：使用SharedPreferences存储数据；文件存储数据； SQLite数据库存储数据；使用ContentProvider存储数据；网络存储数据。其中前四种都是缓存数据到本地，这篇主要讲的是使用第三种方式来实现App中的收藏功能，不过不用Android原生自带S...

flutter 常用的插件

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

收藏功能

视图层

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