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

Flutter实战：旅行社交App点赞功能实现
最新推荐文章于 2024-12-02 18:34:28 发布
最新推荐文章于 2024-12-02 18:34:28 发布
阅读量255 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/geeksoarsky/article/details/119787890
本文详细介绍了在Flutter开发中实现旅行社交App广场模块的点赞功能。从视图层封装点赞按钮小部件，到数据层的API和服务类设计，再到状态管理的运用，实现了点赞状态的实时更新。在逻辑层，通过firstWhere方法和条件判断处理点赞和取消点赞的逻辑，确保图标颜色正确显示。最后，提供了功能演示和版本提交记录。
了解本专栏 订阅专栏 解锁全文 超级会员免费看
《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.4 收藏功能
geeksoarsky的博客
08-26 269
收藏功能视图层数据层API服务类状态管理逻辑层服务器端（选看）版本提交 收藏和点赞是一样的，服务器端逻辑和数据表映射只是字段名不一样，所以框架都是一样的，开发过程中只是把 thumb搜索替换成 collect，所以模块化后开发速度很快，读者可以类比理解。 视图层 封装的收藏按钮小部件 lib/widgets/like_button.dart import 'package:flutter/material.dart'; import 'package:flutter_locyin/utils/getx.da
《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.5 评论列表
geeksoarsky的博客
08-26 444
游记列表视图层基本视图子项视图数据层API实体类接口服务类状态管理逻辑层评论列表加载更多演示版本提交 视图层 基本视图 游记详情一篇中讲到 SliverToBoxAdapter 是一个加载普通 widget 的 Sliver 组件，如果是滑动的组件推荐使用 Sliver 滑动组件，因为评论是滚动列表，故视图要返回 SliverList() 小部件。 lib/page/Dynamic/dynamic_detail.dart @override Widget build(BuildContext conte
Flutter仿掘金点赞效果
老孟Flutter
05-20 1931
老孟导读：今天分享一下如何实现掘金点赞效果，这不仅仅是一篇技术文章，还是一篇解决问题思路的文章，遇到一个需求时，如何拆分需求，然后一步一步实现，这个过程比单纯的技术（此文）更有含金量。 先来看一下掘金点赞的效果： 说点题外话，感谢一下二哥（沉默王二 ），给了我很多建议和帮助，公众号搜索沉默王二即可关注。 遇到组合动画效果时，首先拆分一下这个动画，以掘金点赞效果为例，共分为3个动画效果： 小手图标改变颜色并且缩放一下。 圆环由粗变细，透明度逐渐变为0。 最外圈小点点透明度逐渐变为0。 拆分好了之后..
Flutter案例-点赞动画
hhyihquk1的博客
05-21 2234
效果： 按下缩小，松开恢复原状并变色 原理： 使用animation动画和三元运算 所有代码如下： import 'package:flutter/material.dart'; import 'package:async/async.dart'; void main()=>runApp(MyApp()); class MyApp extends StatelessWid...
Flutter零基础轻松入门：从入门到实战一次学会
09-25
【超实用课程内容】 本课程根据实际开发中总结出来的一些学习思路，从零开始详细讲解Flutter的基础知识点。从简到难，从浅入深，逐步带领大家了解Flutter，熟悉Flutter的组成部分，并且带领大家学习如何使用Flutter实现UI功能编写。通过对本视频的学习，你将会掌握Flutter常用组件和常用布局构建复杂布局、Flutter路由导航实现多页面构建和交互、Flutetr手势处理和动画实现动态交互效果，以及如何使用音视频、图片、文字、字体等资源。除此之外，你还可以收获每一章节遇到的重难点问题的解决方案。 【课程如何观看？】 PC端：https://edu.csdn.net/course/detail/26227 移动端：优快云 学院APP（注意不是优快云 APP哦）本课程为录播课，课程永久有效观看时长，大家可以抓紧时间学习后一起讨论哦~【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你，你可以根据所学知识，自行修改、优化下载方式：电脑登录https://edu.csdn.net/course/detail/26227，点击右下方课程资料、代码、课件等打包下载
Flutter组件：仿抖音双击点赞弹出爱心效果
weixin_43901866的博客
02-01 2211
效果 简介 仿抖音点赞手势，单击暂停，双击点赞，可连续点击添加多个爱心，特点如下 全部效果为代码绘制（爱心图标来自Material Icon的图标） 套上在目标Widget外即可使用 提供单击与点赞的回调 建议复制代码使用，动画可按需修改 没有flutter之外的依赖项，可复制使用（懒得发pub） 基本原理 一个罩在child上的stack层，双击后根据坐标添加目标爱心Widget，爱心Widg...
《Flutter开发从入门到实战》：为什么要学Flutter?
李元静
10-08 2633
目录为什么要学习Flutter?《Flutter开发从入门到实战》有哪些优点混合开发偏向移动开发国际化零基础也可读二维码展示动图实战所学知识 在早期的前端开发中，我们一般都需要准备2套代码分别运行在Android与iOS平台，这种耗时耗力不便于维护的重复劳动，不仅浪费公司的人力资源，同时也存在多端体验不一致的问题。 为什么要学习Flutter? 为此，大前端概念应运而生。相信现在“大前端”这个名词，对于前端开发者已经家喻户晓。其实大前端的主要核心就是跨平台技术，它能通过一套代码，运行多个平台。 而目前
cursor-AI编程时代已经到来！用cursor开发一款戒烟app(flutter)
最新发布
weixin_48524739的博客
12-02 5067
cursor-ai编程实现app开发
Flutter语言开发的高仿抖音App源码
专注移动开发
09-04 1721
一款基于Flutter语言开发的高仿抖音App。初衷是用来学习Flutter跨平台技术，积累实战经验。开放出去是让更多的老铁们在技术的路上越走越远…
Flutter完整开发实战详解系列.pdf
07-15
在Flutter基础部分，通常会介绍如何搭建开发环境、编写第一个Flutter应用，以及理解Widget、StatelessWidget和StatefulWidget的区别和用途。 快速开发实战篇通常会带领开发者从零开始构建一个完整的Flutter应用，这...
用Flutter实现一个仿Twitter的点赞效果
吉原拉面
11-17 2299
  这次依然是补作业，之前在写仿“探探”左滑/右滑的效果的时候，设计稿底部的喜欢Icon其实是有类似于Twitter点赞那种的动效的，但是因为时间原因我偷懒没写。   惯例先上效果图：     GitHub地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/likebutton   整体算法是参照了GitHub上star最多的...
《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 项目工程化》第三章 3.3 GetX 国际化
geeksoarsky的博客
07-18 1018
3.3 GetX 国际化切换语言视图share_preferences 持久化存储Getx 状态管理切换语言测试版本提交 首先用户打开抽屉，再点击设置按钮跳转到设置页面，随后选择切换语言或主题。 切换语言视图 设置页面 settings.dart 代码如下： import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'language.dart'; class SettingsPage extends Sta
《Flutter 项目工程化》第五章 5.4 隐私声明
geeksoarsky的博客
07-19 850
隐私声明持久化存储状态管理视图演示版本提交 持久化存储 lib/utils/sputils.dart ///隐私 static void savePrivacy() { _spf!.setBool('key_privacy', true); } static void clearPrivacy() { _spf!.remove('key_privacy'); } static bool? getPrivacy() { return _spf!.getBool('key_privacy'); }
《Flutter 项目工程化》第四章 4.2 登录注册
geeksoarsky的博客
07-19 553
4.2 登录注册 手机号登录注册 客户端只需要提供手机号和验证码，服务端端检测是否注册，没注册则自动注册，故登录注册客户端实现起来只需要一个页面。 新建用户文件夹和用户注册文件 mkdir lib/page/User touch lib/page/User/login.dart 验证码输入框插件 flutter_verification_box 依赖库 dependencies: · · · flutter_spinkit: ^5.0.0 flutter_verification_b
《Flutter 项目工程化》第四章 4.1二次封装 Dio
geeksoarsky的博客
07-19 543
第四章 用户相关 整个 App 是以用户为中心的，用户必须保持登录状态才能正常使用App，否则跳转到用户登录页。这是一个前后端完全分离的 App ,我已经搭建好了 Laravel API 服务器，使用 JWT 鉴权，即使用 Bear Token 确定用户身份，这就要求我们 App 在发起请求时附带 Token 值，如果 Token 过期但还在刷新周期内，则需要客户端自动刷新 Token , 我们将在此章节完成这些功能。 4.1 Dio 网络请求 安装 Dio 请安装好 Post Man 进行接口调试。
《Flutter 项目工程化》序言
geeksoarsky的博客
07-18 492
序言 Flutter 项目工程化 《Flutter 项目工程化》一书是Flutter 快速开发实战专栏的上册，笔者以快速命名是因为 “完成要比完美更重要”，“快速推进，打破常规”，“天下武功，唯快不破”，对于如今迅猛发展的互联网，也是如此。要知道，用户多变，所以唯一能够抓住机会的办法就是快。 在互联网行业，要成就一个项目，idea 一文不值，不仅是在中国，在哪都一样。笔者希望读者通过《Flutter 项目工程化》这本书能把你的想法在技术层面上来讲从不可行到可行，提高你的执行力，最终做成一款好的APP。 由于
《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.1 游记列表
geeksoarsky的博客
08-18 473
视图层 列表视图，包括上拉加载，下拉刷新，骨架装载器、自定义AppBar 视图 第三方库 包括上拉加载、下拉刷新 easyrefresh，skeleton 骨架加载器和支持空安全的 swiper 轮播图。 flutter_easyrefresh: ^2.2.1 skeleton_text: ^3.0.0 flutter_swiper_null_safety: ^1.0.2 基本视图 lib/page/Dynamic/Dynamic.dart import 'package:flutter/material
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

geeksoarsky

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

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

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

打赏作者

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

抵扣说明：

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

余额充值