用Flutter开发一个“今日头条”

Flutter的简介

Flutter是 Google 于 2015 年 5 月 3 日推出的免费开源跨平台开发框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter旨在帮助开发者使用一套代码开发高性能、高稳定性、高帧率、低延迟的Android和iOS应用。Flutter使用的是 Google 自己开发的网络编程语言——Dart 语言。Flutter可以给你带来开源、多平台部署、原生UI、开发效率极高的App开发体验。

预览图

来到正题，我们使用Flutter来开发一个"今日头条"App，先来看几张预览图：

文章、小视频、搜索、视频详情页

文章、小视频、搜索、视频详情页

开发环境

Flutter版本：

➜ ~ flutter --version

Flutter 1.12.16 • channel unknown • unknown sourceFramework • revision 37f9c54116 (11 months ago) • 2019-11-27 11:33:38 -0800Engine • revision fad1b23c42Tools • Dart 2.7.0

使用的插件：

name: flutter project
description: a flutter project.

# 以下定义应用程序的版本和内部版本号。
# 版本号是由点分隔的三个数字，如1.2.43
# 后跟一个用+分隔的可选内部版本号。
# 可以在flutter中覆盖版本号和构建器号
# build通过分别指定--build-name和--build-number。
# 在semver.org上阅读有关版本控制的更多信息。
version: 1.1.0+15

environment:
  sdk: ">=2.0.0-dev.68.0 <3.0.0"
dependencies:
  flutter:
    sdk: flutter
  dio: ^1.0.13
  fluro: ^1.4.0
  timeago: ^2.0.10
  scoped_model: ^1.0.1
  event_bus: ^1.0.1
  shimmer: ^0.0.6
  connectivity: ^0.3.2
  fluttertoast: ^3.0.4
  shared_preferences: ^0.4.3
  cached_network_image: ^2.0.0-rc
  flutter_swiper: ^1.1.4
  flutter_spinkit: ^3.0.0
  flutter_staggered_grid_view: ^0.2.6
  video_player: ^0.10.1+5
  cupertino_icons: ^0.1.2
  flutter_easyrefresh: ^1.2.7
  flutter_html: ^0.9.6
  common_utils: ^1.1.1
  orientation: ^1.0.5
  native_device_orientation: ^0.3.0
  flustars: ^0.2.6+1
  device_info: ^0.4.0+1
  package_info: ^0.4.0+3
  sharesdk_plugin: ^1.1.6
  sqflite: ^1.1.0
  mobsms: ^1.0.1
  webview_flutter: ^0.3.9+1
  flutter_webview_plugin: ^0.3.5
  flutter_bugly:
    git:
      url: git://github.com/crazecoder/flutter_bugly.git
  keyboard_visibility: ^0.5.6
  uuid: 2.0.2
  crypto: 2.1.3
  screen: ^0.0.5
  url_launcher: 5.0.5
  onesignal_flutter: ^2.0.0
  jpush_flutter: 0.0.11
  android_intent: ^0.3.2
  channel_plugin:
    git:
      url: https://github.com/June93/channel_plugin.git
  image_picker: ^0.6.1+4
  aliossflutter: ^0.0.4
  path_provider: ^1.3.0
  flutter_cupertino_date_picker: ^1.0.12
  city_pickers: ^0.1.25
  apple_sign_in: ^0.1.0

dev_dependencies:
  flutter_test:
    sdk: flutter

数据源是服务端抓取头条App的数据，目前已经集成了注册登录、文章视频小视频的分类浏览、评论、点赞、分享、搜索等功能。

关注

关注我，不定期更新Flutter跨平台开发技术。