• Stars
    star
    187
  • Rank 206,464 (Top 5 %)
  • Language
    Dart
  • Created over 4 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Flutter跨平台开发的完整项目---麻花宠物, 一款记录宠物生活的APP

mahuaPet

  • 这段时间内一直学习Flutter, 自行设计完成了一个实战项目mahua_pet
  • 项目中用到了flutter中的大部分的组件, 界面也涉及了很多功能(可能很多地方还有待完善)
  • 项目目前也还是处在开发待完成阶段, 主要内容差不多已经完成
  • 下面是一些UI界面展示, 后面推见一些比较好的开源项目
  • 验证码登录和密码登录都可以登录, 账号: 123 密码: 123
  • 个人博客地址: https://www.titanjun.top/

项目版本信息

  • Flutter 2.0.0 • channel stable
  • Engine • revision 40441def69
  • Tools • Dart 2.12.0
  • 项目下载完成之后, 请先执行flutter pub get命令

部分界面展示

首页

动态的展示导航栏的显示和隐藏

image

日历模块

展示日历的记录, 每日记录生成图片和保存图片

image

发现

类似朋友圈的内容展示, 图片浏览和保存图片

image

动态详情模块, 动态的评论和删除评论

image

多语言国际化

部分页面适配了韩语和英语

image

颜色主题和暗黑模式

部分页面支持手动的修改项目主题色, 黑色主题(暗黑模式)适配

image

用到的插件

dio

https://pub.dartlang.org/packages/dio

Dart社区提供的http请求库,不仅支持常见的网络请求,还支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等操作

provider

https://pub.dev/packages/provider

Flutter官方推荐的状态管理插件, 简单的应用状态管理

flutter_redux

https://pub.dev/packages/flutter_redux

flutter版的redux

pull_to_refresh

https://pub.dev/packages/pull_to_refresh

一个提供上拉加载和下拉刷新的组件,同时支持Androidios

flutter_staggered_grid_view

https://pub.dev/packages/flutter_staggered_grid_view

一个支持瀑布流布局, 支持交错和可扩展的网格布局的组件

flutter_easyloading

https://pub.dev/packages/flutter_easyloading

支持多种样式的toast提示组件, 支持自定义

carousel_slider

https://pub.dev/packages/carousel_slider

轮播图组件, 支持缩放切换

table_calendar

https://pub.dev/packages/table_calendar

日历组件, 可定制性比较高, 支持语言国际化

photo_view

https://pub.dev/packages/photo_view

可定制的图片查看器, 支持手势缩放, 动画展示等

shimmer

https://pub.dev/packages/shimmer

提供闪光效果的组件, 表述不清晰, 看提供效果图

image image

cached_network_image

https://pub.dev/packages/cached_network_image

用来加载和缓存网络图像

image_picker

https://pub.dev/packages/image_picker

用于从Android和iOS图像库中选择图像的库,支持使用相机拍摄新照片。

image_gallery_saver

https://pub.dev/packages/image_gallery_saver

保存视频和图片到手机相册

video_player

https://pub.dev/packages/video_player

flutter官方推荐的视频播放组件

permission_handler

https://pub.dev/packages/permission_handler

用于Android和iOS的相关隐私权限判断

shared_preferences

https://pub.dev/packages/shared_preferences

用于基本数据的缓存处理

device_info

https://pub.dev/packages/device_info

用于获取用户设备信息

location

https://pub.dev/packages/location

获取定位信息, 可以获取位置更改时的回调

值得推荐的插件

适配相关

native_widgets

https://pub.dev/packages/native_widgets

支持自动根据平台自动使用对应风格组件,Android将使用Material风格,iOS将使用Cupertino风格

日期时间

flutter_picker

https://pub.dev/packages/flutter_picker

一个日期,时间,日期时间,icon,自定义数据的选择器,可以居中弹窗,也可以在底部弹出

MarkDown

markdown

https://pub.dev/packages/markdown

用Dart编写的便携式Markdown库。它可以在客户端和服务器上将Markdown解析为HTML

颜色选择

flutter_colorpicker

https://pub.dev/packages/flutter_colorpicker

一个HSV(HSB)/HSL颜色选择器

加密算法

crypto

https://pub.dev/packages/crypto

crypto算法库支持的算法:

  • SHA-1
  • SHA-224
  • SHA-256
  • SHA-384
  • SHA-512
  • MD5
  • HMAC (i.e. HMAC-MD5, HMAC-SHA1, HMAC-SHA256)

pointycastle

https://pub.dev/packages/pointycastle

用于加密和解密的Dart库, 实现了AES RSA 公私钥加解密等加密算法

解压缩

archive

https://pub.dev/packages/archive

为各种存档和压缩格式提供编码器和解码器,如zip,tar,bzip2,gzip和zlib

数据库

sqflite

https://pub.dev/packages/sqflite

SQLite的Flutter插件,一个自包含的高可靠性嵌入式SQL数据库引擎

分享统计支付

share

https://pub.dev/packages/share

支持分享的flutter插件

flutter_umeng_analytics

https://pub.dev/packages/flutter_umeng_analytics

友盟的分享和统计库

flutter_qq

https://pub.dev/packages/flutter_qq

集成了QQ登录、QQ分享、QQ空间分享等功能的库

flutter_wechat

https://pub.dev/packages/flutter_wechat

集成了微信,支持微信登录、分享、支付等功能的库

flutter_alipay

https://pub.dev/packages/flutter_alipay

支付宝支付的功能

学习资料和项目

推荐一些不错的学习网站和项目学习

awesome-flutter-cn

https://github.com/crazycodeboy/awesome-flutter-cn

一个Flutter的学习资料库, 里面提供了很多的学习资料

flutter-go

https://github.com/alibaba/flutter-go

由阿里巴巴前端技术团队开发的Flutter 开发者帮助 APP,包含 flutter 常用 140+ 组件的demo 演示与中文文档

Widget整理

http://laomengit.com/flutter/widgets/widgets_structure.html

整理的330+组件的详细用法,不仅包含UI组件,还包含了功能性的组件

Morec

https://github.com/Mayandev/morec

一个非常精美的 Flutter 版电影客户端,利用豆瓣现有的 Api,打造了一个完整的电影展示 App

flutter_hrlweibo

https://github.com/huangruiLearn/flutter_hrlweibo

仿微博最新版本,还原微博80%的界面,总共涉及到了几十个界面和接口,用到了flutter中的大部分组件

flutter-netease-music

https://github.com/boyan01/flutter-netease-music

仿网易云音乐,完成大部分功能的APP

flutter_shuqi

https://github.com/huanxsd/flutter_shuqi

一个用Flutter写的书旗小说客户端, 所有功能都是用Dart写的,iOS和Android的代码复用率达到了100%

gsy_github_app_flutter

https://github.com/CarGuo/GSYGithubAPP

一款跨平台的开源Github客户端App,项目涉及各种常用控件、网络、数据库、设计模式、主题切换、多语言、Redux等


More Repositories

1

JunVisionFace

iOS 11新出图像识别框架Vision
Swift
52
star
2

TextAndVoice

Swift版本语音和文字的互转
Swift
42
star
3

ChangeIcon

动态更换APP的icon图标
Swift
36
star
4

JunFaceRecognition

iOS自定义相机、图片的人脸识别
Swift
35
star
5

RxSwift-Table-Collection

简述RxSwift在UITableView和UICollectionView上的使用
Swift
25
star
6

WebServer

Web服务器的本地搭建
JavaScript
14
star
7

PigTV

Swift版本猪猪直播--一款直播软件
Swift
12
star
8

POPAnimationDemo

Swift4.0版本, 包含UIView动画,Core Animation核心动画和Facebook的POP动画的示例Demo
Swift
10
star
9

DouYuTV

Swift4.0版本, 高仿斗鱼TV-添加3D Touch功能
Swift
9
star
10

WebSocketDemo

WebSocket的使用和介绍相关Demo
Swift
7
star
11

Swift-4.2Demo

Swift 4.2的新特性更新
Swift
6
star
12

JunPhotoBrowseDemo

Swift版本图片浏览器
Swift
5
star
13

LiveAndBS

一款仿照百思不得姐和映客直播的综合app
Objective-C
3
star
14

TitanFM

OC版本组件化开发, 仿照喜马拉雅FM的APP的下载功能(断点续传)和播放音频功能
Objective-C
3
star
15

Dart-learn

Dart编程语言语法学习--语法笔记
Dart
3
star
16

TJPageView

一款Swift语言的仿网易新闻和其他新闻样式做的一个菜单栏,栏中有各自的控制器;
Swift
3
star
17

JunQRCode

二维码的生成、识别、扫描
Swift
3
star
18

structureAlgorithm

数据结构和算法练习代码
Swift
2
star
19

Flutter_Widget

Widget中各种组件,手势,布局和样式的实践练习demo
Dart
2
star
20

PythonDemo

Python语法学习练习, 相关文章参考: https://www.titanjun.top/categories/Python%E5%9F%BA%E7%A1%80/
HTML
1
star
21

JunNews

React Native开发的网易新闻APP
JavaScript
1
star
22

TKMainMoudle

项目主架构
Objective-C
1
star
23

MainMoudle

没有中间圆形按钮的框架
1
star
24

TKSqliteTool

sqlite数据库封装
Objective-C
1
star
25

RACAndMVVMDemo

RAC+MVVM编程练习Demo
Objective-C
1
star
26

ReactNativeDemo

React Native语法练习, 涉及一些语法demo
JavaScript
1
star
27

TitanKingLibrary

iOS开发中常用的功能模块进行封装和演示
Swift
1
star
28

NodejsDemo

Node.js搭建(web服务器和socket服务器)的测试工程
Swift
1
star
29

TKRecordAudio

录音功能, 包括录音的拼接和剪裁以及录音的压缩
Swift
1
star
30

ADPictureView

图片轮播器
Objective-C
1
star
31

TitanFMBase

分类/AFN和SDW等框架的封装
Objective-C
1
star
32

TKReactNative

ReactNative练习常用的JavaScript知识和其他一些相关知识
JavaScript
1
star
33

SQLiteToolDemo

SQLite数据库处理的封装(OC版本和Swift版本)
Objective-C
1
star
34

JavaScriptDemo

JavaScript语法练习的代码集
JavaScript
1
star
35

TKSegmentBar

选项卡控件封装
Objective-C
1
star
36

Sign-In-with-Apple

Sign In with Apple(苹果登录)---Swift版demo
Swift
1
star
37

HTML5Demo

HTML学习笔记和练习代码(主要是CSS练习)
1
star
38

RSwiftDemo

R.swift-资源引用框架的使用介绍
Swift
1
star
39

remove_tag

fastlane自定义的Action, 用于删除远程或本地标签
Ruby
1
star
40

RACObjcDemo

ReactiveCocoa的语法笔记和练习Demo
Objective-C
1
star
41

JunWeiBo

模仿微博首页
Swift
1
star
42

chatgpt

ChatGPT结合Flutter开发出跨多端的AI聊天
Dart
1
star