FLutter各种项目学习文档,帮助你快速构建一个Flutter项目及功能点
声明1:本项目仅供学习,如有侵权请联系本人进行删除。
声明2:本项目中部分功能页面是别人其他项目中的,但是本人并不是完全照抄原作者代码,再此也特别感谢原作者,部分参考别人页面的功能也已标注出原出处,如有侵犯原作者的地方请联系本人进行删除。
手机号码:18601952581(微信同号)
QQ:1558053958
邮箱:[email protected]
- 各种基本控件使用(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 beta, v1.12.13+hotfix.6, on Mac OS X 10.14.5 18F132, locale zh-Hans-CN)
• Flutter version 1.12.13+hotfix.6 at /Users/14cells/Android/flutter
• Framework revision 18cd7a3601 (8 days ago), 2019-12-11 06:35:39 -0800
• Engine revision 2994f7e1e6
• Dart version 2.7.0
[✓] 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 11.2.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 11.2.1, Build version 11B500
• CocoaPods version 1.8.4
[✓] Android Studio (version 3.5)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin version 42.1.1
• 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)
• iPhone 11 Pro Max • B366D105-9EEC-47E4-A0CE-94C43E9ACD2D • ios • com.apple.CoreSimulator.SimRuntime.iOS-13-2 (simulator)
-
高德地图定位失败可能是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>
赛程 | 排名 | 球员数据排名 | 球队数据排名 |
球队数据 | 球队阵容 | 球队赛程 | 球队简介 |
球员数据 | 球员生涯数据 | 球员比赛数据 | 球员简介 |
球员新闻 | 球队新闻 | 同位置球员 | XXX |
比赛详情-比分 | 比赛详情-球队数据统计 | 比赛详情-球员数据统计 | XXX |
登录 | 注册 | 找回密码 | 视频背景登录 |
密码登录 | 快速登录 | 注册 | 找回密码 |
登录 | 注册 | 登录 | 注册 |
--- | 注册 | 登录 | 登录/注册 |
登录 | 选择性别 | 选择兴趣爱好 | 我的 |
书架(空) | 书架 | 书城 | 分类 |
排行 | 书单 | 书单详情 | 漫画 |
书籍详情1 | 书籍详情2 | 目录1 | 目录2 |
阅读 | 阅读设置 | 搜索 | 搜索结果 |
豆瓣电影首页(banner、热映) | 豆瓣电影首页(即将上映、榜单) | 豆瓣电影首页(分类浏览) | 电影(正在热播) |
筛选(宫格) | 筛选(列表) | 筛选(地区) | 筛选(条件) |
年度榜单 | 年度榜单 | 年度榜单 | 年度榜单 |
电影详情1 | 电影详情2 | 电影详情3 | 电影(TOP250) |
电影花絮 | 电影花絮(全屏) | 电影剧照 | 电影(排行榜) |
tubi TV 可以免费看电影的APP(纯英文)
首页 | 分类列表 | 详情 | 搜索 |
实况天气/空气质量指数 | 逐小时、7天天气预报 | 生活指数 |
日出日落 | 城市列表 | 仿京东地址选择器 |
首页 | 首页 | 首页 |
分类 | 购物车 | 会员中心 |
商品简介 | 详情 | 评论 |
收货地址 | 地址 | 新增地址 |
每日一文 | 每日一文 | 收藏 |
Music Player | Audio Player | Flutter Sound |
头部 | 九宫格 | 选择照片 | 发表编辑 |
启动页 | 列表页 | 详情(内容) | 详情(推荐) |
启动页 | 首页1 | 首页2 | 首页3 |
Labs | 我说/焦点小组 | 投票 | 你猜/你谁啊 |
菜单1 | 菜单2 | 栏目列表 | 栏目详情 |
分类列表(设计) | 新闻详情1 | 新闻详情2 | 评论 |
首页(广告) | 首页(分类) | 分类 | 详情(WebView) |
如果您喜欢FlutterApp,或感觉FlutterApp帮助到了您,可以点右上角“Star”支持一下,您的支持就是我的动力,谢谢🙂
您也可以扫描下面的二维码,请作者喝杯咖啡☕️
- 先领个红包