Skip to content

Latest commit

 

History

History
368 lines (255 loc) · 33 KB

README.md

File metadata and controls

368 lines (255 loc) · 33 KB

FlutterApp

A new Flutter application.

Android APK 下载地址

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

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

本项目包括：

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

运行环境

[✓] Flutter (Channel beta, v1.10.7, on Mac OS X 10.14.5 18F132, locale zh-Hans-CN)
    • Flutter version 1.10.7 at /Users/14cells/Android/flutter
    • Framework revision e70236e36c (3 weeks ago), 2019-10-02 09:32:30 -0700
    • Engine revision 9e6314d348
    • Dart version 2.6.0 (build 2.6.0-dev.0.0 1103600280)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
    • Android SDK at /Users/14cells/Android/SDK
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-29, build-tools 29.0.2
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)
    • All Android licenses accepted.

[✗] Xcode - develop for iOS and macOS
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
      Download at: https://developer.apple.com/xcode/download/
      Or install Xcode via the App Store.
      Once installed, run:
        sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install:
        sudo gem install cocoapods

[✓] Android Studio (version 3.5)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 40.2.2
    • Dart plugin version 191.8593
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] Connected device (1 available)
    • MI 5X • 1c7664100104 • android-arm64 • Android 8.1.0 (API 27)

注意事项

  • 高德定位ios设备的apikey没有配置，使用ios设备的朋友们可以自己去高德地图申请apikey，ios具体配置见高德地图flutter插件配置。

  • 音乐🎵播放器Music Player暂不支持ios设备，详情请见插件Flute-Music-Player。

  • 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/>
</dict>

API接口

运行截图

基本控件（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

登录注册

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
阅读 阅读设置 搜索 搜索结果

豆瓣电影

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
电影花絮 电影花絮（全屏） 电影剧照 电影（排行榜）

天气

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）

Flutter i18n 实现国际化

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

名称 GitHub地址 版本号
网络请求 dio
下拉刷新，上拉加载 EasyRefresh
下拉刷新，上拉加载 PullToRefresh
Shared Preferences shared_preferences
中国城市选择器 city_picker
设备信息 device_info
url_launcher url_launcher
视频播放器 video_player
Flutter WebView Plugin WebView
PackageInfo package_info
系统分享 share
引导页 intro-slider
评分控件 smooth_star_rating
PhotoView PhotoView
时间轴 TimeLine
Rounded Letter rounded_letter
数据库 sqfLite
图片选择器 image_picker
图片裁剪 image_crop
图片裁剪 image_cropper
多图像选择器 Multi Image Picker
文件保存 image_gallery_saver
侧滑菜单 flutter_inner_drawer
字母索引、悬停 AZListView
状态管理 provider
图表 fl_chart
官方图表插件 charts_flutter
Badges badges
Palette Generator palette_generator
path_provider path_provider
高德地图定位 AMapBaseLocation
动画字体 animated_text_kit
集成icons库 flutter_vector_icons
仿京东地址选择器 flutter_jd_address_selector 0.0.1
SleekCircularSlider sleek_circular_slider
CupertinoRangeSlider cupertino_range_slider
FlutterCircularSlider flutter_circular_slider
Range Slider range_slider
径向菜单 UnicornDialer
下拉菜单 DropDownMenu
音频播放 AudioPlayers
音频播放与录制 FlutterSound
音频播放（仅支持android） FluteMusicPlayer
音频录制并将其存储在本地 Audio Recorder
音频播放 Stereo
视频播放器 video_player
瀑布流布局 flutter_staggered_grid_view
骨架屏 Shimmer
类iOS侧滑 flutter_slidable
权限访问 permission_handler
日历 FlutterCustomCalendar
跑马灯 MarqueeWidget
手势密码锁 GestureRecognition
After Layout AfterLayout

赞赏

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

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

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

许可证

Apache 2.0