All Projects → shichunlei → Flutter_app

shichunlei / Flutter_app

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

Programming Languages

dart
5743 projects
CSS
56736 projects
HTML
75241 projects
objective c
16641 projects - #2 most used programming language
java
68154 projects - #9 most used programming language
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to Flutter app

wui
Collection of GUI widgets for the web
Stars: ✭ 44 (-97.94%)
Mutual labels:  widget, slider, dialog
Aeris Ios Library
Contains a demo project utilizing the AerisWeather SDK for iOS to help you get started with using our library.
Stars: ✭ 21 (-99.02%)
Mutual labels:  api, weather
Singledateandtimepicker
You can now select a date and a time with only one widget !
Stars: ✭ 921 (-56.96%)
Mutual labels:  dialog, picker
Dark Sky Api
PHP Library for the Dark Sky API.
Stars: ✭ 70 (-96.73%)
Mutual labels:  api, weather
React Native Actions Sheet
A Cross Platform(Android & iOS) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.
Stars: ✭ 412 (-80.75%)
Mutual labels:  dialog, picker
React Event Timeline
A responsive event timeline in React.js
Stars: ✭ 504 (-76.45%)
Mutual labels:  widget, timeline
Sizeslidebutton
A fun Swift UIControl for picking a size
Stars: ✭ 46 (-97.85%)
Mutual labels:  picker, slider
Md Date Time Picker
An implementation of Material Design Picker components in vanilla CSS, JS, and HTML
Stars: ✭ 272 (-87.29%)
Mutual labels:  dialog, picker
Circularpicker
CircularPicker is helpful for creating a controller aimed to manage any calculated parameter.
Stars: ✭ 73 (-96.59%)
Mutual labels:  widget, picker
Widget
A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 :轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
Stars: ✭ 1,579 (-26.21%)
Mutual labels:  widget, slider
Hkosharp
Unofficial C# Library of Hong Kong Observatory API
Stars: ✭ 135 (-93.69%)
Mutual labels:  api, weather
Pickr
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Stars: ✭ 3,759 (+75.65%)
Mutual labels:  widget, picker
Openweathermap Php Api
A PHP API to parse weather data and weather history from OpenWeatherMap.org.
Stars: ✭ 293 (-86.31%)
Mutual labels:  api, weather
Vue Ctk Date Time Picker
VueJS component to select dates & time, including a range mode
Stars: ✭ 707 (-66.96%)
Mutual labels:  dialog, picker
Timeline list
Timeline widget for flutter
Stars: ✭ 281 (-86.87%)
Mutual labels:  widget, timeline
Wheelview
a great functional custom WheelView with demo in dialog and bottomDialog,android 滚动选择控件,滚动选择器,时间选择,日期选择
Stars: ✭ 44 (-97.94%)
Mutual labels:  widget, dialog
Amazing Time Picker
Timepicker (Clock Picker) for Angular 2, Angular 4 and Angular 5, Angular 6, Angular 7 - Compatible with Angular Material
Stars: ✭ 142 (-93.36%)
Mutual labels:  dialog, picker
Vue Ydui
A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
Stars: ✭ 2,798 (+30.75%)
Mutual labels:  dialog, slider
Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (-87.34%)
Mutual labels:  widget, picker
Aix Weather Widget
Graph weather widget for Android
Stars: ✭ 70 (-96.73%)
Mutual labels:  weather, widget

FlutterApp

Android APK 下载地址

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

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

联系我们

QQ群:

个人联系方式:

手机号码: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 stable, 2.2.3, on macOS 11.5.2 20G95 darwin-x64, locale zh-Hans-CN)
    • Flutter version 2.2.3 at /Users/***/flutter
    • Framework revision f4abaa0735 (3 months ago), 2021-07-01 12:46:11 -0700
    • Engine revision 241c87ad80
    • Dart version 2.13.4
    • 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 31.0.0)
    • Android SDK at /Users/***/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • ANDROID_HOME = /Users/***/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 13.0, Build version 13A233
    • CocoaPods version 1.11.0

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

[✓] Android Studio (version 2020.3)
    • 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.10+0-b96-7281165)

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

注意事项

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

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

  • 如果你还没有升级flutter版本到1.17.0,那么就把provider的版本改为4.0.5+1

  • 项目中某些接口为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

特别鸣谢

许可证

Apache 2.0

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].