Flutter实例:开发一个搜索Npm的应用

920 阅读1分钟
原文链接: github.com

前言

这是一个使用Flutter框架开发的应用,主要功能是搜索npm上的package,显示package的信息,有4个页面,首页,搜索页, 详情页以及一个用来打开网页的WebView页面,数据接口来自于npms.io。 数据类有3个,分别是搜索结果类,包详情类以及搜索建议类,有4个页面,首页,搜索页,详情页,web view页面(使用flutter_webview_plugin插件)。

目录结构

project

效果

首页

index

搜索页

index

无限加载

load

详情页

index

WebView页面

index gif

APK

download

TODO

输入时弹出搜索建议

搜索过滤

主题切换

储存搜索字段

获取热门搜索内容

licence

MIT