- 综合排序
- 最热优先
- 最新优先
- 来自专栏学习/读书笔记
《Flutter》-- 8.动画
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 8. Flutter框架是可以实现60FPS的，这和原生应用的帧率标准是基本持平的。 在Flutter动画中，使用Ticker而不是Timer来驱动动画，可以有效防止屏幕外动画（如锁屏）带来的资源消耗。 Hero指的是可以在路由（即Flutter页面）之间飞行的组件。 使用交错动画实现Flutter图标缩放和渐变的动画示例。
1.8K30编辑于 2022-04-07 - 来自专栏Flutter入门到实战
Flutter基础篇（8）-- Flutter for Web详细介绍
一、Flutter for Web介绍 Flutter for Web官方的Github库地址：https://github.com/flutter/flutter_web ,此存储库包含面向Web 的 Flutter团队的目标是把Web与iOS和Android一起添加到Flutter SDK中的第一层平台。此存储库中的代码提供实现（几乎）整个Flutter API的纯Web包。 Flutter for Web架构图 Flutter框架（上图中的绿色部分）在移动和网络产品之间共享。 如果您已经使用过Flutter构建项目，那么您将可以快速体验到Flutter for Web的功能。 Flutter for Web的神奇之处在于将Flutter UI的概念转移到浏览器中。 ---- 七、Flutter项目移植到Web注意事项 1.并非所有Flutter API都在Flutter for web上实现。
4K10发布于 2019-05-15 - 来自专栏QQ音乐技术团队的专栏
Q音直播Flutter包裁剪方案(iOS)
在Q音直播接入Flutter的过程中，需要解决的首要问题便是”Flutter包体积变大”。 auto StreamingWriteCallback = [](void* callback_data, const uint8_ (".byte "); for (auto cursor = start_of_rest; cursor < reinterpret_cast< const uint8_t* > ; } // flutter_assets// settings.assets_path = assetsPath.UTF8String; // end#endif} 5、参考文章 字节跳动- 【如何缩减接近 50% 的 Flutter 包体积】：https://juejin.im/post/5de8a32c51882512664affa4 QQ音乐招聘Android
2.8K20发布于 2021-02-05 - 来自专栏SRS开源服务器
实战Flutter+SRS移动端低延迟直播
Flutter是移动端跨平台开发框架，可以快速实现多个跨平台的App开发，Flutter+SRS轻松实现移动端直播，如何做到低延迟直播请看视频。
1.4K10编辑于 2022-03-18 - 来自专栏音视频咖
产品动态｜直播SDK支持Flutter跨平台工具
本次支持Flutter之后，客户基于Flutter跨终端框架，可以用一套代码库高效构建多平台直播应用，原本进行Android、iOS、Web三端的开发可能需要分别安排3组不同的人员完成，而现在则可以通过一组 腾讯云视立方·直播 Flutter SDK 不仅性能强悍、功能全面，接入也十分方便快速。 直播 Flutter SDK演示 简单的接入，却有极致的效果，下面的演示展现了腾讯云视立方·直播 Flutter SDK的推流、拉流效果。 您可以点击「阅读文档」查看文档了解如何快速接入，也可以通过以下链接更深入地了解腾讯云视立方·直播 Flutter SDK的接入细节： GitHub仓库 Flutter pub dev 地址 官网Flutter 直播推流文档 官网Flutter标准直播拉流文档 如果您对我们的直播 Flutter SDK感兴趣，或者在接入、开发中遇到了相关问题，欢迎加入直播Flutter技术交流QQ群（786093569）与我们的产研团队直接交流
5K51编辑于 2022-04-15 - 来自专栏个人路线
Dart & Flutter 开发技巧 8-14
8. 对应该在成功和失败时两者执行的代码使用“finally”块。 9.在你的类中实现toString()以改善调试体验。 10. 使用 if-null 运算符为空值提供后备。 11.
58230发布于 2021-08-13 - 来自专栏h5
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。整合了短视频+直播+聊天三大功能模块。 使用技术编辑器：vscode技术框架：flutter3.27.1+Dart3.6.0路由/状态管理：get: ^4.6.6本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view 项目框架结构目录使用最新版跨平台框架Flutter3.27开发搭建项目模板。 Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import https://m.360buyimg.com/babel/jfs/t20280108/255505/29/10540/137372/677ddbc1F6cdbbed0/bc477fadedef22a8.
1.9K21编辑于 2025-02-07 - 来自专栏Android知识点总结
Flutter & GLSL#8 | 乘法与矩形
[0.1,1] 区域显示 (1,1,1,1) 白色： ---->[shaders/rect/r01_rect_step_1.frag]---- #version 460 core #include <flutter 黑色内容之外的白色区域就可以视为一个 矩形: ---->[shaders/rect/r01_rect_step_2.frag]---- #version 460 core #include <flutter 将四个数乘起来，就可以得到最终结果： ---->[shaders/rect/r01_rect_step_3.frag]---- #version 460 core #include <flutter/runtime_effect.glsl br.x) ; 底部同理，所以可以封装为如下的方法： ---->[shaders/rect/r01_rect_step_4.frag]---- #version 460 core #include <flutter 下面将黑色区域设置为透明度 0.2 ，白色区域显示原图像： ---->[shaders/rect/r01_rect_step_5.frag]---- #version 460 core #include <flutter
53310编辑于 2024-03-19 - 来自专栏易帜的Android 学习之旅
8.Flutter学习之AspectRatio、Card组件
context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter /cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_demo/listData.dart' context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter
1K20编辑于 2022-02-09 - 来自专栏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 - 来自专栏coding个人笔记
rtmp、m3u8直播小记
最近项目做跟视频有关的，一个是直播，一个是播放视频。使用video标签。视频直播有很多协议，rtmp、rtsp、hls等就自己去了解，业务有做到就会了解一些。 公司经过软硬件测试，发现目前公司使用rtmp流直播延迟是最小的，rtmp需要flash，chrom在今年年底要完全禁止flash，不像现在是默认禁止还能允许。 移动端使用的是m3u8直播，需要安装一个新的依赖：videojs-contrib-hls 测试了一下，必须要有 播放页使用： import videojs from 'video.js' import video-js.css' import 'videojs-contrib-hls' 原本老版本直接切换src就可以了，连videojs都没用，不知道为什么这个版本不行，于是跟PC方法一样，只是type对于m3u8是 期间还有另外的一些问题，现在也重现不了，主要是有些问题也不知道为什么就解决了，m3u8和mp4还会出现跨域问题，我这边是nginx加允许头header。
6.8K30发布于 2020-04-24 - 来自专栏flutter开发精选
2022-03-07：flutter weekly第8期
flutter weekly 是一份免费的每周咨询，可帮助你在 Flutter 开发方面保持领先地位。 如果你有任何关于 Flutter 或 Dart 的消息想要与我分享，请联系我。 ---- 这是我举办的第8期，以后每周一期，欢迎大家监督。 不论你是不是flutter的初学者 ，这门免费的Flutter课程都是值得学习的。 Flutter & Flame: Physics engine.https://medium.com/flutter-community/flutter-flame-physics-engine-34ca632cd606 v=VPvVD8t02U8。这是初学者的教程视频版，需要的可自行查收，都是免费的。
70910编辑于 2022-09-20 - 来自专栏flutter开发精选
每日tips：Dart & Flutter Easy Wins 8-14
最近开始整理一系列关于改进 Dart 和 Flutter 代码的简单方法，这是第8-14条。
63120编辑于 2022-09-20 - 来自专栏Android知识点总结
Flutter 文本解读 8 | Icon 与 RichText 的渊源
;padding:15px 12px;margin:0;word-break:normal;display:block;overflow-x:auto;color:#333;background:#f8f8f8 blockquote{color:#666;padding:1px 23px;margin:22px 0;border-left:4px solid #cbcbcb;background-color:#f8f8f8 2.本系列其他文章 《Flutter 文本解读 1 | 从源码认识 Text 组件》 《Flutter 文本解读 2 | Text 是如何画出来的》 《Flutter 文本解读 3 | Text 组件使用介绍 》 《Flutter 文本解读 4 | TextStyle 文字样式解读 》 《Flutter 文本解读 5 | RichText 富文本的使用 (上)》 《Flutter 文本解读 6 | RichText 所以想要在 Flutter 中显示一个 图标字体 的两大要素都具备了，就差使用了。 ?
1.6K10发布于 2021-01-27 - 来自专栏h5
flutter3.38-douyin仿写抖音app直播+短视频+聊天
基于Flutter3.38+Dart3.10跨平台实战 - 2025年12月Flutter3构建抖音app界面集成短视频+直播+聊天应用。 如上图：直播实现上下滑动切换效果，右侧滑入直播进场/左侧滑入礼物提示动效、商品列表、礼物、商品讲解、弹幕消息等功能。 项目知识点技术框架：Flutter3.38.2+Dart3.10.0路由状态管理：get: ^4.7.3本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view ^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.8.6视频套件：media_kit: ^1.2.3项目框架目录使用最新款跨平台框架Flutter3.38.2 整个项目整合了短视频+直播+聊天功能，涉及到的知识点还是非常多的。后续还会分享一些实现技术细节。感谢大家的阅读与支持。
80621编辑于 2025-12-07 - 来自专栏Android知识点总结
【Flutter 组件集录】Opacity｜ 8月更文挑战
Opacity 组件定义在框架中的 widgets/basic.dart 中，说明它是一个比较基础的组件。其作用是：将一个组件 以指定透明度 opacity 进行透明处理。
95930编辑于 2022-03-18 - 来自专栏Android知识点总结
【Flutter 组件集录】AnimatedOpacity｜ 8月更文挑战
上两篇介绍了 Opacity 组件 和 FadeTransition 组件，他们都和操作组件的透明度有关。除了这两位，还有一个组件也和透明度有关，它就是: AnimatedOpacity。和 FadeTransition 组件的功能是一样的，它也可以进行 透明度渐变动画。那他和 FadeTransition 有什么异同点，为什么框架中会给出两个功能一致的组件？带着这个问题，我们来开始认识 AnimatedOpacity 组件。
94320编辑于 2022-03-18 - 来自专栏Android知识点总结
【Flutter 组件集录】SizedOverflowBox | 8 月更文挑战
上一篇介绍的 OverflowBox 组件也可以允许子组件溢出，他们最大的区别在于： OverflowBox 会指定新约束传递给孩子，而 SizedOverflowBox 则将原始约束传递给孩子。
75220编辑于 2022-03-18 - 来自专栏踏浪的文章
Flutter lesson 8:输入框,时间日期选择
日期时间选择 Flutter自带的 showDatePicker 和 showTimePicker 两个方法可以进行时间和日期的选择。 同时，因为这两个方法是异步实现的，所以，这里使用了ES8中的 async...await 下面我们来看看具体的代码实现 var _chooseDate; var _chooseTime; _showDatePicker 选择时间日期还是挺简单的，不过需要注意的是 flutter: 选择的日期是：2019-07-30 00:00:00.000 flutter: 选择的时间是：TimeOfDay(21:34) 两个方法选择时间 输入框 TextField TextField 是Flutter中的用户输入框，属性挺多的，不同的配置出不同的效果，就像是HTML中的 input 一样。 我们来看看源码 import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; void
6K20发布于 2019-07-31 - 来自专栏Android知识点总结
【Flutter 组件集录】FadeInImage｜ 8月更文挑战
StatelessWidget{ final headUrl = 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/5b2b7b85d1c818fa71d9e2e8ba944a44 { final headUrl = 'https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/5b2b7b85d1c818fa71d9e2e8ba944a44 .FadeInImage 的其他构造 除了普通构造之外，FadeInImage 还有 assetNetwork 和 memoryNetwork ，这两者只是占位组件是 asset 路径 还是 Uint8List
1.8K20编辑于 2022-03-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号