Flutter版本的玩Android完整版本（终结）

最新推荐文章于 2023-08-06 20:48:41 发布
最新推荐文章于 2023-08-06 20:48:41 发布
阅读量284 收藏 1
点赞数
原文链接：https://juejin.im/post/5c908f48f265da60ef6343bd
版权
用Flutter开发的跨平台项目，完美运行在Android和IOS上，Material简洁风格，包括启动页、引导页、注册、登录、首页、体系、公众号、导航、项目，还有漂亮的妹子图库，运行极度流畅，结构清晰，代码规范，值得拥有

Flutter学习资源汇总持续更新中......

前言

  • 这是一款使用Flutter写的WanAndroid客户端应用，在Android和IOS都完美运行
  • 可以用来入门Flutter，简单明了，适合初学者
  • 项目完全开源，如果本项目确实能够帮助到你学习Flutter，谢谢start一下，有问题请提交Issues,我会及时回复

环境搭建

  • 根据Flutter中文网搭建开发环境，使用Android Studio安装Flutter插件，点击pubspec.yaml的package get，然后运行

App目录结构

  • |--lib
    • |-- main (入口类)
    • |-- loading (启动页)
    • |-- splash_screen (引导页)
    • |-- util (工具类)
    • |-- base (基类，封装基类BaseWidget和BaseWidgetState)
    • |-- http (网络请求相关类)
    • |-- common (常用类)
    • |-- event (事件类)
    • |-- model (实体类)
    • |-- ui (界面相关)
    • |-- util (工具类)

功能介绍

V1.4版本
  • 增加切换主题
  • 封装基类BaseWidget和BaseWidgetState
  • 显示隐藏AppBar
  • 增加状态页切换（数据加载中，数据加载失败，空数据）
V1.3版本
  • 新增搜索和搜索结果列表
  • 新增页面正在加载...使用flutter_spinkit
  • 整个界面UI风格修改
V1.2版本
  • 新增福利，妹子图，你懂得
  • 新增分享share
  • 新增常用网站
  • 新增关于作者，退出登录
V1.1版本
  • 新增引导页flutter-intro-slider
  • 列表页悬浮FloatingActionButton,点击迅速回到顶部
  • 新增注册、登录、我的收藏，增加侧滑抽屉，详见截图
V1.0版本
  • 项目首页、知识体系、公众号、导航、项目、各个页面，和详情页面
  • 主要的UI包括首页轮播图和列表，体系流式布局，公众号导航TabBar,以及下拉刷新和加载更多
  • 轮播图使用的是开源库flutter_swiper
  • 网络请求使用的是开源库dio

我的主页

下载

  • 暂不支持IOS版本下载，请自行clone项目代码运行。

应用截图

感谢

  1. 特别感谢github开源作者shijiacheng
  2. 感谢鸿洋大神及玩Android官网提供的开放API
  3. 感谢干货集中营 API

使用开源库

转载于:https://juejin.im/post/5c908f48f265da60ef6343bd

weixin_34253539
关注
【 Qt 的“前世”与“今生”】Qt 的起源 | Qt 的发展历程 | 为什么选择 Qt | Qt 的授权模式 | Qt 版本选择 | Qt Widgets和QML | Qt 程序发布
dvlinker的技术专栏
12-03 2万+
【 Qt 的“前世”与“今生”】Qt 的起源 | Qt 的发展历程 | 为什么选择 Qt | Qt 的授权模式 | Qt 版本选择 | Qt Widgets和QML | Qt 程序发布
Flutter 基于 WebSocket 实现即时通讯
Flutter 跨平台技术研究
01-21 3807
以即时聊天为例，来讲述 Provider的综合应用，本篇是 Provider状态管理系列的终结篇，讲述了多种 Provider 的实现形式。
flutter热更新安卓端详细教程-附源码 超简单
weixin_38339998的博客
09-19 3440
flutter 安卓端热更新详细教程 附源码 一个类搞定 flutter版本 stable 1.17.5 新建文件夹HotFlutter , 在这目录下新建一个flutter项目: flutter create HotFlutter 因为flutter项目的安卓端默认用的是kt , 我比较熟悉java , 所以先删除项目下的android 文件夹, 重新生成java 的安卓代码 flutter create -a java . 准备工作做完了! 在android -> app -
flutter版本的玩Android客户端
weixin_33711641的博客
12-21 179
flutter学习案例 目录介绍 00.项目下载与查看 01.项目介绍 02.项目优势 03.部分功能介绍 04.部分截图展示 05.版本更新 06.flutter系列博客 07.感谢 08.如何辨别flutter与原生 09.关于更多 00.项目下载与查看 0.0 项目地址 github.com/yangchong21… 0.1 下载apk 已经打包好的apk存放到项目根目录apk文件...
flutter学习案例_源码
hilaochen的专栏
09-02 426
flutter目前开源的项目相对不多，虽然已经拥有GSYGithubAppFlutter开源项目，还别说入门还是稍微有点难度。该项目作为入门级学习还是可以的，等到比较熟悉flutter，看看那个项目还是十分不错的。 项目结构清晰，代码注释详细，可以一边看博客学习dart语言，一边训练写代码，一边总结记录问题。 基础功能 首页轮播图+list：推荐最新的博客 ...
android flutter 安装
weixin_44128558的博客
12-19 577
最后一个错误提示找不到Visual Studio，下载安装即可，但这个比较大，安装比较久，原因是启用了flutter的windows桌面版开发的功能，开发windows桌面版是一定要vs环境的，如果不需要，用命令。如果使用的是android studio自带的sdk则通过下图去安装这个插件，如果是手动下载的sdk，要找到sdk安装目录中的SDK Manager.exe进行安装。注意，不要将flutter安装到需要一些高权限的路径，比如C:\Program Files\。至此，安装完成，轻松搞定。
Flutter混合开发
web前端开发
11-04 1069
来源 |https://segmentfault.com/a/1190000021634067混合开发简介使用Flutter从零开始开发App是一件轻松惬意的事情，但对于某些成熟的产品...
Android面试分析一：关于OKhttp详解（附带视频教程，flutter游戏全屏
m0_66684841的博客
03-05 4433
面试专题OKhttp详解2 面试专题OKhttp详解终结篇 http协议 第一行：请求行 请求行下面的：请求属性集 问题一：选择网络访问框架的时候，为什么要选择OkHttp而不是其他框架； 明确一点： 并不期待，你将市面上所有的框架都全部搞得非常清楚，优缺点全部列出来；你是否具备掌控网络访问框架的能力； 这个问题没有标准答案，最好是带点主观意识 OkHttp XUtil 支持网络请求，图片加载，甚至还能操作数据库；就我个人而言，我认为，一个好的网络访问框架应该只专注一件事 Ret
阿里P7Android高级工程师：全网最全 Flutter 与 React Native 深入对比分析
Android725的博客
06-01 650
前言 临冬之际，移动端跨平台在经历数年沉浮之后，如今还能在舞台聚光灯下雀跃的， 也只剩下 React Native 和 Flutter 了，作为沉淀了数年的 “豪门” 与 19 年当红的 “新贵” ，它们之间的 “针锋相对” 也成了开发者们关心的事情。 过去曾有人问我：“他即写 Java 又会 Object-C ，在 Android 和 IOS 平台上可以同时开发，为什么还要学跨平台呢？” 而我的回答是：跨平台的市场优势不在于性能或学习成本，甚至平台适配会更耗费时间，但是它最终能让代码逻辑（特别是业务逻辑
流言终结者- Flutter和RN谁才是更好的跨端开发方案？
阿里云云栖号
09-20 1587
背景 论坛上很多小伙伴关心为什么闲鱼选择了Flutter而不选择其他跨端方案？站在质量的角度，高性能是一个很重的因素，我们使用Flutter重写了宝贝详情页之后，对比了Flutter和Native详情页的性能表现，结论是中高端机型上Flutter和Native不相上下，在低端机型上，Flutter会比Native更加的流畅，其实闲鱼团队在使用Flutter做详情页过程中，没有更多地关注性能优化，...
flutter Android版本环境安装
code_dream_wq的博客
01-05 319
本文假设你已经知道Android开发是什么，且已安装androidstudio、Android sdk、jdk等必要的环境 1.安装flutter插件，2.安装dart 后面开始安装flutter SDK 官方文档：https://flutter.cn/docs/get-started/install/windows 1、下载flutter 获取 stable 发行通道的 Flutter SDK 最新版本SDK 版本列表 2,将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Fl
flutter已经支持安卓热更新_Flutter入门，一篇懂
weixin_39693295的博客
12-20 348
1、Flutter简介 Flutter是Google推出的开源移动UI框架，开发者可以开发一套代码同时运行在Android和IOS两个平台，实现应用的快速开发。Flutter虽然出现较晚，在Google的大力推广下生态正在快速完善，活跃用户也在高速增长，Flutter的版本也在不断更新。 Flutter使用自己的高性能渲染引擎来绘制widget，这样不仅可以保...
flutter项目给安卓打正式包 和升级版本号
小手琴师的博客
08-06 1915
1.首先把flutter项目里的android目录整个拖进android studo里,运行一下看看是否能运行点击APK->Next如果没有key酒店及Create new…就生成新的key点击Key store path:右边的图标选择保存路径选择保存的路径,并且在Save As输入保存的key的名字,例如我输入testKey1上面和下面有2组密码,建议设置成一样的Alias:是程序别名Validity (years): 25 是设置有效期,默认25年下图是其他信息设置。
Flutter配置遇到的坑(二)--Android studio4.1之后Flutter更新
wwp9527的博客
01-25 2847
一、更新环境 系统：Windows 10； Android环境：Android Studio 4.1.2; Gradle：6.8； Flutter SDK： 1.25.0-8.3 pre； Flutter渠道：dev； stable：稳定版。近一年中最好的beta版本。 beta：测试版。每隔几周都会选取近几个月中最好的dev版本作为Beta版。 master：最新版，但未经测试。 dev：最新的经过完全测试的版本。包含新功能，但可能有一些问题。 二、未找到Flutter和Dart Plug
Flutter混合开发、安卓，ios
你的益达啊
04-15 4418
date:12.29，for flutter >v1.12.x 更新说明： 适配Flutter >=v1.12.x 在Flutter的应用场景中，有时候一个APP只有部分页面是由Flutter实现的，比如：我们常用的闲鱼App，它宝贝详情页面是由Flutter实现的，这种开发模式被称为混合开发。 混合开发的一些其他应用场景： 在原有项目中加入Flutter页面，在Flutter项目中加入原生页面 原生页面中嵌入Flutter模块 ......
Flutter入门-Flutter配置
诗未冷的专栏
09-29 1523
flutter配置
Flutter Android 打包保姆式全流程 2023 版
17 的博客
03-06 4087
这是一份 2023 完整的最新版的 Flutter Android 新手打包全流程介绍，包含完整示例项目，从此 android 打包不求人。
【Flutter -- 进阶】Packages
Kevin Learn Android
07-26 1291
用过Flutter的开发者都知道，Flutter的库是以包(package)的方式来管理，使用`package`可以创建可轻松共享的模块化代码。
在Android项目中接入Flutter，在Flutter使用安卓布局
buniejin9470的博客
08-13 520
开头 在flutter开发中，始终会有下面两个无法避免的问题： 原生项目往flutter迁移，就需要在原生项目中接入flutter flutter项目中要使用到一些比较成熟的应用，就无法避免去用到原生的各种成熟库，比如音视频之类的 这篇文章，将会对上面两种情况，分别进行介绍 在Android中接入flutter界面 在android项目中需要将flutter以module的形式接入 创建flu...
flutter开源项目玩android
最新发布
11-23
对于想要玩转Android开发的开发者来说，使用flutter可以带来许多便利和效率。 首先，flutter采用了响应式UI框架，可以轻松构建漂亮的用户界面。开发者可以使用丰富的widget库来创建各种各样的交互组件，从而快速...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值