/flutter_app

🔥🔥🔥本项目包括各种基本控件使用（Text、TextField、Icon、Image、Listview、Gridview、Picker、Stepper、Dialog、Slider、Row、Appbar、Sizebox、BottomSheet、Chip、Dismissible、FlutterLogo、Check、Switch、TabBar、BottomNavigationBar、Sliver等）、豆瓣电影、tubitv、每日一文、和天气、百姓生活、随机诗词、联系人、句子迷、好奇心日报、有道精品课、高德定位、音乐播放器🎵、追书神器等板块

Primary LanguageDartApache License 2.0Apache-2.0

FlutterApp

声明1：本项目仅供学习，如有侵权请联系本人进行删除。

声明2：本项目中部分功能页面是别人其他项目中的，但是本人并不是完全照抄原作者代码，再此也特别感谢原作者，部分参考别人页面的功能也已标注出原出处，如有侵犯原作者的地方请联系本人进行删除。

联系我们

QQ群：

个人联系方式：

手机号码：18601952581（微信同号）
QQ：1558053958
邮箱：1558053958@qq.com

可承接一些中小型项目、毕业设计等

本项目包括：

  • 各种基本控件使用（Text、TextField、Icon、Image、ListView、GridView、Picker、Stepper、Dialog、Slider、Row、Appbar、SizeBox、BottomSheet、Chip、Dismissible、FlutterLogo、Check、Switch、TabBar、BottomNavigationBar、Sliver等）
  • 自定义控件及使用
  • 各种UI （豆瓣电影、tubi TV、追书神器、好奇心日报、每日一文、和天气、百姓生活、随机诗词、联系人、句子迷、朋友圈、有道精品课、高德地图应用demo等）

运行环境

[✓] Flutter (Channel stable, 2.10.5, on macOS 12.3 21E230 darwin-x64, locale zh-Hans-CN)
    • Flutter version 2.10.5 at /Users/dev2/workspace/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 5464c5bac7 (9 weeks ago), 2022-04-18 09:55:37 -0700
    • Engine revision 57d3bac3dd
    • Dart version 2.16.2
    • DevTools version 2.9.2
    • Pub download mirror https://pub.flutter-io.cn
    • Flutter download mirror https://storage.flutter-io.cn

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at /Users/dev2/Library/Android/sdk
    • Platform android-33, build-tools 33.0.0
    • ANDROID_HOME = /Users/dev2/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.3)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)

[✓] Connected device (2 available)
    • Chrome (web)     • chrome                                   • web-javascript • Google Chrome 102.0.5005.115

注意事项

  • 高德地图定位失败可能是key导致的，使用者可以自己到高德地图开发者平台申请一个key再次试一试。

  • Multi Image Picker 插件 ios 配置见Multi Image Picker 使用

  • 项目中某些接口为http url，Android 9.0/P和iOS禁止从非https网址加载，故需更改 App 的网络安全配置以允许此类连接

Android

在 res 下新增一个 xml 目录，创建network_security_config.xml文件

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

在AndroidManifest.xml文件下的application标签增加以下属性

<application
    android:networkSecurityConfig="@xml/network_security_config"
/>

iOS

在Info.plist下编辑

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
    <key>NSAllowsArbitraryLoadsInWebContent</key>
    <true/>
</dict>

API接口

运行截图

仿微信APP

仿腾讯体育NBA板块

1 2 3 4
赛程 排名 球员数据排名 球队数据排名
1 2 3 4
球队数据 球队阵容 球队赛程 球队简介
1 2 3 4
球员数据 球员生涯数据 球员比赛数据 球员简介
1 2 3 4
球员新闻 球队新闻 同位置球员 XXX
1 2 3 4
比赛详情-比分 比赛详情-球队数据统计 比赛详情-球员数据统计 XXX

登录注册

1 2 3 4
登录 注册 找回密码 视频背景登录
1 2 3 4
密码登录 快速登录 注册 找回密码
1 2 3 4
登录 注册 登录 注册
1 2 3 4
--- 注册 登录 登录/注册

追书神器

1 2 3 4
登录 选择性别 选择兴趣爱好 我的
1 2 3 4
书架（空） 书架 书城 分类
1 2 3 4
排行 书单 书单详情 漫画
1 2 3 4
书籍详情1 书籍详情2 目录1 目录2
1 2 3 4
阅读 阅读设置 搜索 搜索结果

豆瓣电影(豆瓣电影API服务已停止，故该APP暂下架豆瓣电影版块)

1 2 3 4
豆瓣电影首页（banner、热映） 豆瓣电影首页（即将上映、榜单） 豆瓣电影首页（分类浏览） 电影（正在热播）
1 2 3 4
筛选（宫格） 筛选（列表） 筛选（地区） 筛选（条件）
1 2 3 4
年度榜单 年度榜单 年度榜单 年度榜单
1 2 3 4
电影详情1 电影详情2 电影详情3 电影（TOP250）
1 2 3 4
电影花絮 电影花絮（全屏） 电影剧照 电影（排行榜）

tubi TV 可以免费看电影的APP（纯英文）

1 2 3 4
首页 分类列表 详情 搜索

天气

1 2 3
实况天气/空气质量指数 逐小时、7天天气预报 生活指数
1 2 3
日出日落 城市列表 仿京东地址选择器

百姓生活

1 2 3
首页 首页 首页
1 2 3
分类 购物车 会员中心
1 2 3
商品简介 详情 评论
1 2 3
收货地址 地址 新增地址

每日一文

1 2 3
每日一文 每日一文 收藏

音乐播放器

1 2 3
Music Player Audio Player Flutter Sound

仿微信朋友圈布局

1 2 3 4
头部 九宫格 选择照片 发表编辑

句子迷

1 2 3 4
启动页 列表页 详情（内容） 详情（推荐）

好奇心日报

1 2 3 4
启动页 首页1 首页2 首页3
1 2 3 4
Labs 我说/焦点小组 投票 你猜/你谁啊
1 2 3 4
菜单1 菜单2 栏目列表 栏目详情
1 2 3 4
分类列表（设计） 新闻详情1 新闻详情2 评论

有道精品课

1 2 3 4
首页（广告） 首页（分类） 分类 详情（WebView）

基本控件（Widget）及一些自定义控件（Widget）

0 1 2 3
启动页 首页 侧边栏 版本信息
0 1 2 3
toggle_buttons 二维码（生成/扫描） 设备信息 Wave
0 1 2 3
瀑布流 评分控件 多边形控件 路由过度动画
0 1 2 3
LikeButton Chip 侧滑删除 DropDownMenu
0 1 2 3
Icon Stepper AppBar RangeSlider
0 1 2 3
AspectRatio BottomSheet TextField Check Switch Radio
0 1 2 3
Titled Bottom Navigation Bar Slider InheritedWidget backdrop
0 1 2
CurvedNavigationBar FancyBottomNavigation BubbleBottomBar
1
TimeLine

Rounded Letter

1 2 3

Flutter i18n 实现国际化

使用到的或推荐的一些优秀的第三方插件

赞赏

如果您喜欢FlutterApp，或感觉FlutterApp帮助到了您，可以点右上角“Star”支持一下，您的支持就是我的动力，谢谢🙂

您也可以扫描下面的二维码，请作者喝杯咖啡☕️

  • 先领个红包
1 2
1 2 3 4

Star趋势图

Stargazers over time

特别鸣谢

许可证

Apache 2.0