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

最新推荐文章于 2024-04-01 13:25:28 发布
最新推荐文章于 2024-04-01 13:25:28 发布
阅读量680 收藏
点赞数
分类专栏： Flutter 文章标签： Flutter Android IOS Dart Mobile
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zw2008224044/article/details/88663267
版权
用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

我的主页

下载

  • Android点击下载，或者扫描下方二维码下载
    在这里插入图片描述

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

应用截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

感谢

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

使用开源库

ngu_wei
关注
专栏目录
Flutter实现App功能引导页
01-21
App功能介绍页，主要是由介绍app功能的几张图片和当前页指示符组成，如下效果 我们来一步一步实现上面的界面,左右滑动切换显示功能页,这个可以通过PageView来实现,底部的指示符半透明覆盖在PageView上,开发过Android同学知道可以用Framelayout布局来实现，Flutter上也有类似的控件Stack，我们先完成骨架代码 // An highlighted block void main() => runApp(App()); class App extends StatelessWidget { @override Widget build(BuildContex
Flutter Gallery 项目教程
最新发布
gitblog_00467的博客
08-09 542
Flutter Gallery 项目教程 galleryFlutter Gallery is a resource to help developers evaluate and use Flutter项目地址:https://gitcode.com/gh_mirrors/ga/gallery 1. 项目的目录结构及介绍 Flutter Gallery 项目的目录结构如下： flutter_ga...
flutter项目运行到IOS手机
LSLSD的博客
07-22 3665
1.通过Android studio可以看到创建ios模拟器的选项，但是点击创建会报错，原因是因为我没按照xcode 2.安装xcode，因为我mac版本是10.14，所以安装了xcode10.1，然后我flutter版本比较新，他最低支持的xcode版本是11，所以我又把flutter sdk插件降低了版本号。 3.flutte版本降低后， 运行flutter doctor，报错cocoapods没安装 直接照着提示运行了sudo gem install cocoapods / pod setup
Flutter混合开发、安卓，ios
你的益达啊
04-15 4428
date:12.29，for flutter >v1.12.x 更新说明： 适配Flutter >=v1.12.x 在Flutter的应用场景中，有时候一个APP只有部分页面是由Flutter实现的，比如：我们常用的闲鱼App，它宝贝详情页面是由Flutter实现的，这种开发模式被称为混合开发。 混合开发的一些其他应用场景： 在原有项目中加入Flutter页面，在Flutter项目中加入原生页面 原生页面中嵌入Flutter模块 ......
flutter项目给安卓打正式包 和升级版本号
小手琴师的博客
08-06 1967
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客户端
05-21
标题“Flutter版本玩Android客户端”暗示了这个项目主要关注于使用Flutter进行Android应用的开发。通过这个项目，我们可以学习到如何将Flutter的特性应用到Android平台上，包括但不限于以下几点： 1. **Dart语言...
flutter版本的玩Android客户端
05-21
Flutter版本的玩Android客户端是一个基于谷歌的Flutter框架构建的应用程序，旨在为Android用户提供一个轻量级、高效且具有优秀用户体验的交互平台。Flutter以其Dart编程语言和丰富的UI工具包著称，允许开发者快速地...
flutter plugin-android-lifecycle
09-25
要使用flutter_plugin_android_lifecycle插件，需要将插件的依赖添加到pubspec.yaml文件中，并运行flutter pub get命令来获取插件的最新版本。 在Android插件的实现中，可以创建一个FlutterLifecycleAdapter类，该...
flutter 版本玩安卓客户端
11-26
账号 abc110 密码test123
flutter_play_android:Flutter版本的玩安卓
03-10
历时三天，完成了Flutter版本的玩安卓 前言 接触Flutter其实已经很久了，从18年下半年就开始关注FLutter了，当时使用Flutter的人还非常少，我也只是大概看了看，写了个小Demo就没再深入了，短短不到两年时间，各大...
flutter（1） 启动页 引导页
一抹离愁
11-26 4544
flutter 启动页 引导页 Android 原生引导页面的方法如下 1 自定义 使用 ViewPager控件 2使用第三方 组建AppIntroAppIntro快速启动页面 flutter引导页面的方式 1使用 pageView (指示器需要自定义) 2使用TabBarView，指示器TabPageSelector 代码如下可以直接使用。 启动页面 class SplashPage extends StatefulWidget { @override _Sp...
Flutter 历时5天，我终于做出它！！！(炫酷的引导页、登录界面)
txaz6的博客
09-30 1594
小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 前言：五天前，我发布了很多登录界面的UI，并发起投票：https://juejin.cn/post/7010922696988966919 从那天开始我就找了ui小姐姐，使用一杯送到手中的奶茶，换取了小姐姐的切图。然后我在两天的工作之余，我开始使用Flutter实现，可是，这张设计图在很多android手机的表现并不好，作为一个良心up????，那我必须不能把它给大家 做了一半，发现效果不好，我都封装好了，就想着大家下载改一改就可以商用 然后我又
如何在 Flutter 项目中实现操作引导
大灰狼的小绵羊哥哥的博客
10-22 1429
作者：何凯俊github 不要冒然评价我，你只知道我的名字，却不知道我的故事，你只是听闻我做了什么，却不知我经历过什么。 俗话说得好，产品有三宝，弹窗浮层加引导。 上图截图自我司 App 晓黑板中的口算模块，相信每个 App 开发在工作中都碰到这种场景，为了避免用户对新功能产生困惑，会对一些功能加一些引导操作。在原生开发中，例如 Android 开发中，我们可以使用 NewbieGuide 等开源库来实现。但是很遗憾的是，在 Dart packages 中找了一圈，一无所获。 但是我们还是.
Flutter入门-Flutter配置
诗未冷的专栏
09-29 1593
flutter配置
Flutter仿Boss-2.启动页、引导页
dalong的博客
04-01 774
中，我们展示了一个PageView来滑动展示多个引导页内容。在底部我们放置了两个按钮，分别用于“我要招人”和“我要应聘”，点击按钮后跳转到首页。在移动应用开发中，启动页和引导页是用户初次接触应用时的重要组成部分，能够提升用户体验和导航用户了解应用功能。通过以上的实现，我们完成了Flutter仿Boss应用的启动页和引导页功能，帮助用户更好地了解应用，并提供了快速导航到首页的功能。在逻辑部分，我们设置了一个计时器，3秒后自动跳转到首页/登录页。引导页用于向用户介绍应用的功能和特点，帮助用户快速上手。
flutter显示出底部控件的引导页
androidhyf的博客
11-06 442
根据控件位置全透明显示控件的引导页
Flutter混合开发
web前端开发
11-04 1083
来源 |https://segmentfault.com/a/1190000021634067混合开发简介使用Flutter从零开始开发App是一件轻松惬意的事情，但对于某些成熟的产品...
flutter开源项目玩android
11-23
对于想要玩转Android开发的开发者来说，使用flutter可以带来许多便利和效率。 首先，flutter采用了响应式UI框架，可以轻松构建漂亮的用户界面。开发者可以使用丰富的widget库来创建各种各样的交互组件，从而快速...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值