【已完结】Flutter 3.x 仿抖音跨平台开发，看着很完美

本文链接：https://blog.csdn.net/weixin_44619684/article/details/147303451

Flutter 3.x 仿抖音跨平台混合开发：构建高性能、高保真的短视频应用

随着移动互联网的快速发展，短视频应用已经成为了人们生活中不可或缺的一部分。抖音作为短视频领域的佼佼者，其优秀的用户体验和流畅的性能吸引了大量用户。如果您想打造一款类似抖音的短视频应用，但又苦于原生开发的复杂性和高昂的成本，那么 Flutter 3.x 将是您的绝佳选择。本文将带您了解如何使用 Flutter 3.x 进行仿抖音跨平台混合开发，构建高性能、高保真的短视频应用。

一、项目背景

抖音作为一款短视频社交应用，其核心功能包括短视频拍摄、编辑、发布、浏览、点赞、评论、分享等。为了实现这些功能，我们需要使用到 Flutter 3.x 提供的丰富的组件库和强大的性能优化手段。同时，我们还需要使用到一些第三方库，如 video_player1、flutter_ijkplayer 等，来实现视频的播放和编辑功能。

二、技术选型

Flutter 3.x：作为谷歌推出的跨平台UI框架，Flutter 3.x 提供了丰富的组件库和优秀的性能，能够帮助我们快速构建高性能、高保真的跨平台应用。
Dart：Flutter 3.x 使用 Dart 作为编程语言，Dart 易于学习，能够帮助我们高效地实现应用逻辑。
Firebase：作为一款强大的后端即服务（BaaS）平台，Firebase 提供了数据存储、用户认证、实时数据库、云函数等功能，能够帮助我们快速搭建应用后端。
video_player：一款 Flutter 1官方提供的视频播放库，能够帮助我们轻松实现视频播放功能。
flutter_ijkplayer：一款基于 ijkplayer 的 Flutter 视频播放库，能够帮助我们实现更复杂的视频播放需求。

赠送Flutter 3.x 仿小红书商业级app实战

【扫描下方卡片即可免费领取！！！】

全新Flutter原创基于flutter3.19.5+dart3.3.3+getx等技术开发仿抖音app实战项目。实现了类似抖音整屏丝滑式上下滑动视频、左右滑动切换页面模块，商城、购物车、支付功能等模块。
同时接入了友盟SDK统计数据。

Flutter最新版本也是支持的。。。

学习目标

Flutter进阶高手分为三个阶段，从易到难，学习完成后，可以使用Flutter来开发独立的APP，适用于Android、iOS双平台的应用程序。

第一阶段是 Flutter开发必备Dart基础

第二个阶段是 Flutter核心技术, 一次性掌握，组件大全、页面布局、路由、网络请求、数据缓存、动画等等

第三个阶段是开发实战企业级APP

flutter运用技术
编辑器：vscode
技术框架：flutter3.19.5+dart3.3.3
路由/状态插件：get: ^4.6.6
网络数据：dio: ^5.3.3
缓存服务：shared_preferences: ^2.2.1
图片预览插件：photo_view: ^0.14.0
刷新加载：easy_refresh^3.3.4
toast轻提示：toast^0.3.0
视频播放器：video_player: ^2.8.3
视频播放器： chewie: ^1.7.5

flutter中文网

flutter

flutter教程

flutter3.19.x+getx实现了小红书商城功能。

Flutter小红书商城开发

实现启动页与自定义开屏广告，可换成穿山甲广告实现收益：

接入字节跳动穿山甲广告

await FlutterUnionad.register(
        androidAppId: "5098580",
        //穿山甲广告 Android appid 必填
        iosAppId: "5098580",
        //穿山甲广告 ios appid 必填
        useTextureView: true,
        //使用TextureView控件播放视频,默认为SurfaceView,当有SurfaceView冲突的场景，可以使用TextureView 选填
        appName: "unionad_test",
        //appname 必填
        allowShowNotify: true,
        //是否允许sdk展示通知栏提示 选填
        allowShowPageWhenScreenLock: true,
        //是否在锁屏场景支持展示广告落地页 选填
        debug: true,
        //测试阶段打开，可以通过日志排查问题，上线时去除该调用 选太难
        supportMultiProcess: true,
        //是否支持多进程，true支持 选填
        directDownloadNetworkType: [
          FlutterUnionad.NetCode.NETWORK_STATE_2G,
          FlutterUnionad.NetCode.NETWORK_STATE_3G,
          FlutterUnionad.NetCode.NETWORK_STATE_4G,
          FlutterUnionad.NetCode.NETWORK_STATE_WIFI
        ]); //允许直接下载的网络状态集合 选填//允许直接下载的网络状态集合 选填