flutter 实现搜索历史功能，缓存记录

已于 2023-05-31 13:59:10 修改
阅读量626 收藏
点赞数
文章标签： flutter 开发语言
于 2023-05-31 11:35:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/studer_rui/article/details/130965668
版权
本文介绍了如何在Flutter应用中实现搜索历史功能，通过利用三方库来存储和检索用户的搜索记录，帮助开发者创建更智能的用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用三方库：

shared_preferences: ^2.1.0

```````

/// 保存搜索记录

Future<bool> setSearch( String search) async {
  List<String> defsearch =[];
  if(search.isNotEmpty){
    final SharedPreferences prefs = await SharedPreferences.getInstance();
    List<String>? searchList = prefs.getStringList('searchLists')?.reversed.toList() ?? defsearch ;
    prefs.setStringList('searchLists', searchList! );
      if(!(searchList.contains(search))){
        if(searchList.length<10){
          searchList.add(search);
          prefs.setStringList('searchLists', searchList.reversed.toList() );
        }else{
          searchList.add(search);
          prefs.setStringList('searchLists', searchList.reversed.toList().sublist(0,10) );
        }
      }else{
        late  int index =  searchList.indexOf(search);
        searchList.removeAt(index);
        searchList.add(search);
最低0.47元/天 解锁文章
Mr.ruishao
关注
Flutter开发 -写一个历史记录的页面
CodingFire的博客
09-23 909
首先，大家先看一下效果图： 看起来就是一行行的显示，但是小伙伴千万不要觉得使用Row就能解决，还涉及到换行呢，你总不至于要一个个算长度来换行吧？所以这里推荐使用Wrap，来看下Wrap部分怎么使用： Wrap( spacing: 12.0, // 主轴(水平)方向间距 runSpacing: 0, // 纵轴（垂直）方向间距 alignment: WrapAlignment.start, children: _keywords
Flutter 仿QQ登录下拉历史列表案例
xq610928的博客
09-06 664
前言： 各位同学大家好，很长一段时间没有给大家更新文章了，之前发了一个Android 仿QQ登录下拉历史列表 (因为工作需要就发一篇安卓的 算是基础的常用功能实现吧）现在想着做一个 flutter的效果出来，今天才把代码撸好，就分享给大家 如果有什么错误或者纰漏 希望大家指正，那么废话不说 我们正式开始 ##效果图： 准备工作： 需要安装flutter的开发环境：大家可以去看看之前的教程： 1 win系统flutter开发环境安装教程: https://www.jianshu.com/p/152447
Flutter-防京东商城项目-保存搜索历史记录-17
weixin_38716347的博客
09-02 430
一直觉得自己写的不是技术，而是情怀，一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的，希望我的这条路能让你们少走弯路，希望我能帮你们抹去知识的蒙尘，希望我能帮你们理清知识的脉络，希望未来技术之巅上有你们也有我。 1.导入第三方： shared_preferences: ^0.5.3+1 2.导入封装好的库 import 'package:shared_preferences/shared_preferences.dart'; class Storage{ static Fut
Flutter 实战：搜索页实现全解析
最新发布
m0_57836225的博客
03-09 694
在 Flutter 开发中，搜索页是很多应用不可或缺的部分，它能帮助用户快速找到所需内容，提升用户体验。本文将结合一个以玩安卓 API 为数据源的项目，详细讲解搜索页的实现过程。如果你正在学习 Flutter，或者想要深入了解搜索页开发，那么这篇文章会很有帮助。
flutter：实现一个简单的appBar上的搜索框、一个简单的搜索历史
weixin_41897680的博客
07-03 3220
flutter：实现一个简单的appBar上的搜索框
flutter购物商城搜索界面（热搜，历史记录）
m0_46527751的博客
03-10 1437
flutter购物商城搜索界面 这里数据是固定的，没有从后端获取，仅仅展示页面效果 // ignore_for_file: prefer_const_constructors, sized_box_for_whitespace, prefer_const_literals_to_create_immutables, avoid_unnecessary_containers import 'package:flutter/material.dart'; import 'package:flutterjds
Flutter SearchDelegate 带搜索历史记录
丿灬安之若死
04-07 1154
class searchBarDelegate extends SearchDelegate { @override void showResults(BuildContext context) { super.showResults(context); if (query == "") { return; } const sufix = "asdasdas56"; var data = []; var history = SpUtil..
京东 8 Flutter 存储搜索历史记录 删除历史 记录 清空历史记录（还没看完）
weixin_38107457的博客
02-19 735
https://pub.dev/packages/shared_preferences
17 Flutter仿京东商城项目 保存历史搜索记录 删除历史记录 清空历史记录 长按删除...
weixin_30522095的博客
09-03 957
Storage.dart import 'package:shared_preferences/shared_preferences.dart'; class Storage{ static Future<void> setString(key,value) async{ SharedPreferences sp=await SharedPrefere...
Android记录25-WebView实现离线缓存阅读，Flutter中网络图片加载和缓存源码分析
m0_64319496的博客
11-17 801
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) { Log.e(TAG, "onJsConfirm " + message); return super.onJsConfirm(view, url, message, result); } @Override public boolean onJsPrompt(WebView view, String url, String messa
Flutter实现PS钢笔工具，实现高精度抠图的效果。
许天成的博客
09-21 946
更具手指点击屏幕的位置，记录点击的位置，并生成绘制点和两个控制点，手指拖动控制点时，动态刷新控制点位置，然后利用flutter绘制机制，在canvas上根据点的位置和控制点的位置绘制三阶贝塞尔曲线，实现钢笔工具效果。
每天一个Flutter开发小项目 (13) : 本地数据随心存取 - 构建SQLite ToDo 应用，掌握Flutter本地数据库操作
堇以无笙的博客
03-06 1238
通过这个项目，您不仅掌握了 Flutter 应用集成 SQLite 数据库、实现 CRUD 操作的核心流程和关键插件的使用方法，更重要的是，学会了如何运用本地数据库技术实现数据持久化，打造数据驱动、功能更完善的 Flutter 应用。不知不觉，我们已经携手走过了十二篇博客，从绚丽的动画效果到强大的地图定位，相信您已经掌握了丰富的 Flutter 开发技能，能够构建各种功能的应用界面。然而，一个功能完善的应用，不仅要拥有精美的 UI 界面和流畅的用户体验，更要具备。的应用，数据持久化更是必不可少。
flutter入门之实现登陆页面的记住历史登录账号功能
热门推荐
不忘初心
01-10 1万+
    【原创不易，转载请注明出处：https://blog.youkuaiyun.com/email_jade/article/details/86220592】     切换账号在移动app中应用的场景非常多，记住账号功能在Android或者IOS中有大量的开源代码，今天，我们就用flutter来实现一个能够记录历史登录账号的Demo吧，以下是效果演示：     实现思路：     1. sha...
flutter小记（5）
qq_44592406的博客
03-25 133
搜索历史记录的实现 用constrainedbox限制最小高度实现，而没有最大高度来实现 ConstrainedBox( constraints: BoxConstraints( minWidth: double.infinity, //宽度尽可能大 minHeight: height[i], ), child: Container( padding: EdgeInsets.only(bottom: 30), c
Flutter系列（八）搜索框详解
摸金校尉的博客
04-16 3971
本文实现当前主流app的搜索框：点击搜索框右侧滑动出搜索页，搜索页中有关键词
flutter 搜索框_【Flutter】showSearch搜索条
weixin_34672875的博客
01-19 1815
说明showSearch 是直接跳转到搜索页面，用法如下：showSearch(context: context, delegate: CustomSearchDelegate());classCustomSearchDelegateextendsSearchDelegate<String>{@overrideList buildActions(BuildCon...
【flutter】搜索框
ivy_doudou的博客
06-06 4034
import 'package:flutter/material.dart'; class SearchBarDemo extends StatefulWidget { @override _SearchBarDemoState createState() => _SearchBarDemoState(); } class _SearchBarDemoState extends ...
Flutter组件--搜索页面布局(Wrap组件)
eastWind1101的博客
10-15 397
搜索页面布局(Wrap组件)
【Flutter 问题系列第 7 篇】TextField 去掉下划线
“Allen Su”的博客
09-10 4558
TextField 去掉下划线
flutter实现有声读物推荐系统
01-22
### 使用 Flutter 实现有声读物推荐系统的开发方法 #### 1. 系统架构设计 为了构建一个高效的有声读物推荐系统，首先需要规划整体架构。这包括前端界面的设计、后端服务的支持以及数据存储的选择。对于前端部分，Flutter 提供了跨平台的优势，能够同时支持 iOS 和 Android 设备。 #### 2. 用户界面 (UI) 构建 利用 Flutter 的强大 UI 组件库来创建直观易用的应用程序界面。可以采用 `ListView` 或者 `GridView` 来展示书籍列表，并通过卡片形式显示每本书的信息，如封面图片、书名、作者等[^3]。 ```dart import 'package:flutter/material.dart'; class AudiobookList extends StatelessWidget { @override Widget build(BuildContext context) { return ListView.builder( itemCount: audiobooks.length, itemBuilder: (context, index) { final book = audiobooks[index]; return Card( child: ListTile( leading: Image.network(book.coverUrl), title: Text(book.title), subtitle: Text(book.author), onTap: () => _navigateToDetails(context, book.id), ), ); }, ); } void _navigateToDetails(BuildContext context, int id) { Navigator.pushNamed(context, '/details', arguments: {'id': id}); } } ``` #### 3. 音频播放功能集成 借助于 `audioplayers` 这样的第三方插件，可以在应用程序内部轻松实现多音轨的同时播放能力。此插件不仅兼容多种平台，还提供了简单明了的操作接口用于控制音频流的加载、暂停、继续等功能。 ```yaml dependencies: flutter: sdk: flutter audioplayers: ^0.20.1 ``` ```dart import 'package:audioplayers/audioplayers.dart'; final player = AudioPlayer(); void playAudio(String url) async { await player.play(url); } void pauseAudio() async { await player.pause(); } void stopAudio() async { await player.stop(); } ``` #### 4. 数据获取与处理 考虑到有声读物的数据量较大且更新频繁，建议使用 RESTful API 或 GraphQL 结合服务器端数据库（如 MySQL 或 MongoDB）来进行高效的数据交互。客户端可以通过 HTTP 请求从云端拉取最新的图书资源并缓存至本地以提高用户体验。 #### 5. 推荐算法实施 针对个性化推荐需求，可引入机器学习模型训练用户偏好预测机制。常见的做法是收集用户的浏览历史记录作为特征输入给协同过滤算法或其他更复杂的深度神经网络结构完成精准推送任务。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值