zzhzd/flutter_video_audio_news

Flutter的实战练习

Flutter的实战练习(更新中)

版本信息:

version: 1.0.0+1
environment: sdk: ">=2.1.0 <3.0.0"

model转换 https://javiercbk.github.io/json_to_dart/

state管理 flutter_bloc

使用三方库

网络请求库: dio
UI尺寸适配库: flutter_screenutil
打电话
下拉刷新&上拉加载: flutter_easyrefresh
瀑布流: flutter_staggered_grid_view
视频播放: chewie
音乐播放: https://github.com/luanpotter/audioplayers
轮播: flutter_swiper

代码结构

• |--lib
  • |-- bloc
    • |-- counter_bloc.dart
  • |-- config
    • |-- service_url.dart (存放url)
  • |-- model
    • |-- video_context_model.dart (视频1级model)
  • |-- pages (页面)
    • |-- details (详情界面)
      • |-- comment_details.dart (评论)
      • |-- video_details.dart (视频)
      • |-- video_info.dart (视频简介)
    • |-- widget (小部件)
      • |-- drawer_widget.dart (侧边栏)
    • |-- audio_page.dart (音频)
    • |-- news_page.dart (新闻)
    • |-- video_page.dart (视频)
  • |-- service
    • |-- service_method.dart (网络请求)
  • |-- mian.dart (入口)
  • |-- tabbar.dart (Tabbar)
  • |-- top_screen.dart (把tabbar和state管理分开)

感谢:

接口来自 http://gank.io/api

项目截图

视频

ios模拟器加载不出视频,只能使用真机测.....

音频

新闻

...