- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
Flutter3.x 2025 实战抖音app直播商城
春节开发的一款Flutter3.27跨平台仿抖音App正式完结了，录制了一个完整app演示视频。 https://cloud.tencent.com/developer/article/2493971flutter3_douyin_mall仿抖音直播app商城，深度的融合了短视频+直播+聊天三个大功能板块 知识框架技术框架：flutter3.27.1+Dart3.6.0状态管理：get: ^4.6.6本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view ^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.8.3视频套件：media_kit: ^1.1.11svg图片：flutter_svg: ^
59020编辑于 2025-02-10 - 来自专栏h5
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。整合了短视频+直播+聊天三大功能模块。 Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter3 路由页面 getPages: routePages, // 初始化弹窗key navigatorKey: MyDialog.navigatorKey, ); }}Flutter3 , ), // 返回顶部 floatingActionButton: Backtop(controller: scrollController, offset: scrollOffset),);Flutter3
1.9K21编辑于 2025-02-07 - 来自专栏前端小叙
flutter入门3——flutter 运行
flutter项目新建与运行 vscode command+shift+p：输入 flutter，选择 new project，application，选择一个项目存储的文件夹，会新建一个 flutter 项目 然后会直接打开该项目，到 lib 下 main.dart vscode command+shift+p：输入 flutter，选择 device，选择要运行项目的设备 但是运行项目设备选择了手机设备在执行 flutter run的时候没有自己的手机设备的选项，可以先试下iOS 模拟设备 vscode command+shift+p：输入 flutter，选择 start ios simulator，就会弹出一个 Flutter run key commands. r Hot reload. R Hot restart. h List all available interactive commands. d Detach (terminate "flutter run" but leave
1.4K10编辑于 2024-03-08 - 来自专栏前端进阶实战
Flutter3实战抖音App直播短视频聊天源码
继上一个flutter3仿微信app聊天项目，最近又实战开发了一款flutter仿抖音app短视频直播项目，完结了。 flutter3仿微信app聊天项目实战项目技术架构跨平台框架：flutter3.41.5+Dart3.11.3路由状态管理：get:^4.7.3本地缓存服务：get_storage:^2.1.1瀑布流组件 ：flutter_staggered_grid_view^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.9.0视频套件：media_kit: ^1.2.6svg图片：flutter_svg:^2.2.4实现类似抖音app首页全屏顶部状态栏+tab菜单栏+底部菜单栏联动效果，左右滑动切换页面模块，上下滑动切换短视频效果。
12520编辑于 2026-09-26 - 来自专栏flutter开发者
Flutter动画【3】
前言 在前面的文章中我们看了下Flutter中的补间动画和Flutter Widgets，今天我们来看下页面过渡动画，也可以叫做共享元素动画，页面A的元素过渡到页面B元素的过场效果。 Hero 在Flutter中我们可以使用Hero来帮助实现这个共享元素动画的效果 hero 动画代码具有以下结构: 定义一个起始 hero widget，称为源 hero 。 Flutter计算从起点到终点对 hero 界限进行动画处理的补间（生成每一帧大小和位置） 例如在第一个页面中声明Widget1 然后再第二个界面同样的声明Widget2 可以看到我们的Widget
1.6K40发布于 2018-10-16 - 来自专栏h5
自研flutter3.x实战仿抖音app短视频直播FlutterLive
flutter3.x_douyin基于flutter3+dart3+getx+meidaKit等技术开发抖音版app视频直播项目。 super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'FLUTTER3 getPages: routePages, // 错误路由 // unknownRoute: GetPage(name: '/404', page: Error), ); }}flutter3 BoxFit.contain,), ), ), ), ], ), ), ], ),);flutter3 //cloud.tencent.com/developer/article/2388052https://cloud.tencent.com/developer/article/2393406综上就是flutter3
2.2K21编辑于 2024-03-25 - 来自专栏QQ音乐技术团队的专栏
Q音直播Flutter包裁剪方案(iOS)
在Q音直播接入Flutter的过程中，需要解决的首要问题便是”Flutter包体积变大”。 1.1 Flutter混合开发模式 一般的如果我们想在现有原生App中加入Flutter，需要通过以下两种方式对Flutter进行引入： 将原生工程作为 Flutter 工程的子工程，由 Flutter 其他第三方插件 800K Flutter_boost等第三方插件 3、iOS减包思路 上一节我们分析了framework产物的组成占比，并且列出了体积最大的4个文件：App、flutter_assets 优化思路分为3个方向 缩。即自我数据压缩，这种方法能够减少framework的体积，但是对最终app打包出来的体积影响较小，因为打包也是进行了数据压缩。 删。删除无用部分，或者不需要用到的部分。 挪。 Settings passed explicitly via command-line arguments. // 3.
2.8K20发布于 2021-02-05 - 来自专栏iOS开发干货分享
Flutter 开发 （3）Flutter 与 Native 的交互
Flutter 中 Channel 基本概念 1. Flutter 中 Channel 的概念 Channel 也就是通道的意思，主要是用于和原生Native之间进行交互 ，双方相互传递数据。 Flutter 中 Channel 的详细介绍 1. 当有消息从 Flutter端 发送到 Native端 时，会根据其传递过来的 channel name 找到该Channel对应的Handler（消息处理器）。 Codec 的介绍 Flutter定义了两种Codec：MessageCodec 和 MethodCodec。 抽象逻辑图 Flutter 中 Channel 具体实现 FlutterMethodChannel FlutterBasicMessageChannel
1.5K10编辑于 2023-03-19 - 来自专栏贾鹏辉的技术专栏@CrazyCodeBoy
Flutter 3更新详解
Flutter 3 实现了 Flutter 以移动端为中心扩展到多平台的产品规划，并在今年 Google I/O大会的主题演讲上正式发布，继Flutter 2.10支持Windows 之后，此次发布提供了对 移动端更新 我们针对移动端的更新包括: 支持可折叠设备 Flutter 3 支持可折叠移动设备。 生成的 Flutter 3 应用将自动启用 2.0 版 Lint 套件。 在 Flutter 3 中，您可以在 iOS 上预览一个名为 Impeller 的实验性渲染后端。 更多令人兴奋的更新 我们针对 Flutter 生态系统的其他更新包括: Material 3 Flutter 3 支持新一代 Material Design，即 Material Design 3。
5.2K20编辑于 2022-05-30 - 来自专栏踏浪的文章
Flutter Lesson 3：Flutter组件（widget）前篇
介绍完Flutter开发环境的搭建以及Dart基础语法，我们就可以着手进行开发了。一般我们开始学习一门技术或者是一门语言的时候，都会写一个Hello World的Demo。所以，撸起袖子开始干。 不过在职之前，我们先来看看Flutter项目的默认文件以及目录结构。 目录结构 ? 图中有几个关键的地方，我们首相来看看这个lib文件夹。 下面，我们就来看看项目中默认的main.dart文件吧 import 'package:flutter/material.dart'; // 项目的入口文件 void main() => runApp 我们看不明白的可能就是类继承时使用到的 StatelessWidget 和 StatefulWidget 两个类（组件）以及一些Flutter Widget。 接下来的日子里，我们就来看看Flutter中都有哪些实用好看的Widget吧
1.5K30发布于 2019-07-31 - 来自专栏SRS开源服务器
实战Flutter+SRS移动端低延迟直播
Flutter是移动端跨平台开发框架，可以快速实现多个跨平台的App开发，Flutter+SRS轻松实现移动端直播，如何做到低延迟直播请看视频。
1.4K10编辑于 2022-03-18 - 来自专栏ThoughtWorks
3月直播回放
本次直播将带领大家走入数据分析的大门。 了解 Python 中的整数、浮点数、逻辑、字符串和其他类型 如何创建直方图、KDE 图、小提琴图和完美的图表样式 如何在 Seaborn 中可视化数据 机器学习初探 扫描下方二维码，观看直播回放 - --- 数据平台项目的测试之痛与最佳测试实践 数据平台项目中的测试： 有哪些特点 会遇到哪些挑战及解决方案 有哪些最佳测试实践 工具和资料推荐 扫描下方二维码，观看直播回放 ---- 研发效能治理的 本场直播聊一聊。 扫描下方二维码，观看直播回放 扫描下方二维码，查看往期直播回放
69130编辑于 2022-03-29 - 来自专栏移动开发之家
Flutter 小技巧之 Flutter 3 下的 ThemeExtensions 和 Material3
本篇分享一个简单轻松的内容： ThemeExtensions 和 Material3 ，它们都是 Flutter 3.0 中的重要组成部分，相信后面的小知识你可能还没了解过～。 ThemeExtensions相信大家都用过 Flutter 里的 Theme ，在 Flutter 里可以通过修改全局的 ThemeData 就来实现一些样式上的调整，比如 ：全局去除 InkWell Flutter 3 给我们提供了一个解决方案： ThemeExtensions 。 Material3Material3 又叫 MaterialYou ， 是谷歌在 Android 12 时提出的全新 UI 设计规范，现在 Flutter 3.0 里你可以通过 useMaterial3 在 Flutter 的 gen_defaults 下就可以看到，基本上涉及 M3 的默认样式，都是通过 data 下的数据利用模版自动生成，比如 Appbar 的 backgroundColor 指向的就是
2.2K30编辑于 2022-06-06 - 来自专栏音视频咖
产品动态｜直播SDK支持Flutter跨平台工具
本次支持Flutter之后，客户基于Flutter跨终端框架，可以用一套代码库高效构建多平台直播应用，原本进行Android、iOS、Web三端的开发可能需要分别安排3组不同的人员完成，而现在则可以通过一组 同时腾讯云视立方·直播SDK还支持快直播播放，采用 UDP 协议将传统CDN直播中3秒 - 5秒的延时降低至1秒以内，同时兼顾秒开、卡顿率等核心指标，为观众提供毫秒级的极致直播观看体验。 直播 Flutter SDK演示 简单的接入，却有极致的效果，下面的演示展现了腾讯云视立方·直播 Flutter SDK的推流、拉流效果。 您可以点击「阅读文档」查看文档了解如何快速接入，也可以通过以下链接更深入地了解腾讯云视立方·直播 Flutter SDK的接入细节： GitHub仓库 Flutter pub dev 地址 官网Flutter 直播推流文档 官网Flutter标准直播拉流文档 如果您对我们的直播 Flutter SDK感兴趣，或者在接入、开发中遇到了相关问题，欢迎加入直播Flutter技术交流QQ群（786093569）与我们的产研团队直接交流
5K51编辑于 2022-04-15 - 来自专栏个人路线
flutter 开发小技巧3
如果利用stack position 来实现定位的话，有时候不居中的情况，可以使用container包裹，
50510发布于 2021-08-02 - 来自专栏program
Flutter技术与实战(3)
var s3 = """This is a multi-line string. var arr1 = ["Tom", "Andy", "Jack"]; var arr2 = List.of([1,2,3]); arr2.add(499); arr2.forEach((v) => print var arr1 = <String>['Tom', 'Andy', 'Jack']; var arr2 = new List<int>.of([1,2,3]); arr2.add(499); arr2 //级联运算符，等同于xxx.x=1; xxx.y=2;xxx.z=3; xxx.printInfo(); //输出(1,2,3) var yyy = Coordinate(); yyy ..x 综合案例 源码地址：https://github.com/cyndibaby905/flutter_core_demo 案例介绍 用 Dart 写一段购物车程序，但先不使用 Dart 独有的特性。
2.6K10编辑于 2022-06-29 - 来自专栏学习/读书笔记
《Flutter》-- 3.Dart语言
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 参阅网站： https://www.dartcn.com/guides/language/language-tour 3. 搭建开发环境时安装的Flutter SDK里已经包含了Dart SDK。 3.1 编写 Hello World 和大多数编程语言一样，Dart也把main()作为程序的入口。 Flutter应用的main()： void main() => runApp(MyApp()); 3.4.2 函数参数 函数的参数类型有两种，即必传参数和可选参数。 (3 * 2);//6 print(3 / 2);//1.5 print(3 ~/ 2);//1 print(-3);//-3 print(3 % 2);//1 Dart也支持自增和自减运算符。 注：Flutter中的assert只在Debug模式中生效，在生产环境是无效的。 3.7 类 3.7.1 类的成员变量 在面向对象编程中，类的对象通常由函数和数据组成。
3.9K20编辑于 2022-04-07 - 来自专栏技术人生
flutter组件3【ListTile 的使用】
ListTile 通常用于在 Flutter 中填充 ListView 属性如下： title： title 参数可以接受任何小部件，但通常是文本小部件 subtitle： 副标题是标题下面较小的文本 对于波纹效果是内置的 enabled： 通过将 enable 设置为 false，来禁止点击事件 2.实例代码 import 'package:flutter/material.dart'; void String horseUrl = 'https://i.stack.imgur.com/Dw6f7.png'; String cowUrl = 'https://i.stack.imgur.com/XPOr3.
2.7K20发布于 2020-11-13 - 来自专栏技术人生
flutter常见问题【3】：Flutter 使用Android studio 打包生成apk
3.目录文件设置 3.1在Flutter工程中/android/app/key/sign.jks创建该目录。 要在app目录下创建key文件夹，然后把sign.jks拖进来。 3.2创建key.properites 在Flutter工程中/android/key.properites创建该文件。 buildTypes { release { signingConfig signingConfigs.release } } } 3.4运行flutter
2.5K10发布于 2020-11-13 SpringBoot 3 + Flutter3 实战低代码运营管理
本文将探讨 Spring Boot 3 和 Flutter 3 如何协同工作，为现代 Web 和移动应用开发带来新的可能性。 Flutter 3：构建美观且高性能的跨平台应用Flutter 是由 Google 开发的一款用于构建高质量、高性能的移动、Web、桌面应用的 UI 框架。 最新版本 Flutter 3 带来了对更多平台的支持，并继续优化其核心功能。 Spring Boot 3 与 Flutter 3 的完美结合结合 Spring Boot 3 和 Flutter 3 可以为开发者提供一个高效、灵活且可扩展的开发环境。 结语Spring Boot 3 和 Flutter 3 的结合，不仅代表了当今软件开发领域的一种趋势，更是为开发者带来了前所未有的机遇。
48210编辑于 2025-07-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号