- 综合排序
- 最热优先
- 最新优先
- 来自专栏学习/读书笔记
《Flutter》-- 5.Flutter页面布局
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 5. Flutter页面布局 5.1 盒约束模型 盒约束是指组件可以按照指定限制条件来决定如何布局自身位置。 maxHeight: 100 ), child: Container( width: 80, height: 5, height: 100, child: Container( width: 80, height: 5, 2）mainAxisSize：表示主轴应该占用多大空间； 3）crossAxisAlignment：表示子组件在交叉轴的对齐方式； 4）textDirection：表示子组件在主轴方向上的布局顺序； 5） alignment的对其方向； 3）fit：用于决定non-positioned子组件如何去适应层叠布局的大小； 4）overflow：当子组件超出Stack组件的范围时，决定如何显示超出的子组件； 5）
1.8K20编辑于 2022-04-07 - 来自专栏QQ音乐技术团队的专栏
Q音直播Flutter包裁剪方案(iOS)
在Q音直播接入Flutter的过程中，需要解决的首要问题便是”Flutter包体积变大”。 1.1 Flutter混合开发模式 一般的如果我们想在现有原生App中加入Flutter，需要通过以下两种方式对Flutter进行引入： 将原生工程作为 Flutter 工程的子工程，由 Flutter 3.4 FLutter.framework/Flutter Flutter.framework/Flutter为引擎产物，其大小是固定的，但是初始占比比较大。 Flutter.framework/Flutter \ "${flutter_lipo}"/flutter-profile-x86_64 #cd tmp #zip -r Flutter.framework.zip 5、参考文章 字节跳动- 【如何缩减接近 50% 的 Flutter 包体积】：https://juejin.im/post/5de8a32c51882512664affa4 QQ音乐招聘Android
2.8K20发布于 2021-02-05 - 来自专栏h5
h5直播webapp项目开发|h5直播案例
这几天闲着没事就捣鼓了下h5直播项目，运用到了html5+css3+jquery+iscroll+wlsPop等技术进行架构开发，解决了直播界面聊天键盘撑起问题，新增了动画消息提示及礼物。 如果你刚好需要一些练手的项目，希望对你有用~ 很早之前就想写一个html5直播项目练练手，但是由于工作的关系，一直没有真正的开动（其实就是懒）。 好吧，反正最近这段时间稍微比较清闲，趁着这个机会，在空余时间撸了一个h5仿陌陌直播项目。 h5直播webapp，主要实现的内容如下： [004-360截图20181104095737443.png] 005-360截图20181104095812016.png 006-360截图20181104100100390 onTap() { wcPop.close(sixinIdx); } }, { text: '发送', style: 'color: #23ade5;
9.2K83发布于 2018-11-04 - 来自专栏踏浪的文章
Flutter lesson 5: Flutter组件之基础组件（一）
不同于前端的是，Flutter中添加边距需要使用到EdgeInsets对象。 CSS3中不仅支持关键词还支持`Matrix`矩阵，而Flutter中一般就使用`Matrix4`。 ! 更多的属性以及关于矩阵的介绍可以查看[https://juejin.im/post/5be2fd9e6fb9a04a0e2cace0](https://juejin.im/post/5be2fd9e6fb9a04a0e2cace0 而且，如果你一使用这个属性，那么就会出来一个Flutter的图标。 获取更多关于Flutter的知识点，点击踏浪博客查看。
2.6K30发布于 2019-07-31 - 来自专栏program
Flutter技术与实战(5)
* 总体来说，热重载的流程可以分为扫描工程改动、增量编译、推送更新、代码合并、Widget 重建 5 个步骤。 1、工程改动。 5、Widget 重建。在确认 Dart VM 资源加载成功后，Flutter 会将其 UI 线程重置，通知 Flutter Framework 重建 Widget。 通过一个 ListView 中计算 MD5 的例子，来演示 Performance 的具体分析过程。 考虑到在 build 函数中进行渲染信息的组装是一个常见的操作，为了演示这个知识点，我们故意放大了计算 MD5 的耗时，循环迭代计算了 1 万次。 String data) { //MD5固定算法 var content = new Utf8Encoder().convert(data); var digest = md5.
18.2K30编辑于 2022-06-29 - 来自专栏SRS开源服务器
实战Flutter+SRS移动端低延迟直播
Flutter是移动端跨平台开发框架，可以快速实现多个跨平台的App开发，Flutter+SRS轻松实现移动端直播，如何做到低延迟直播请看视频。
1.4K10编辑于 2022-03-18 - 来自专栏音视频咖
产品动态｜直播SDK支持Flutter跨平台工具
同时腾讯云视立方·直播SDK还支持快直播播放，采用 UDP 协议将传统CDN直播中3秒 - 5秒的延时降低至1秒以内，同时兼顾秒开、卡顿率等核心指标，为观众提供毫秒级的极致直播观看体验。 以直播推流为例，客户仅需5步便可以从0开始实现推流功能： 第一步：将 live_flutter_plugin 嵌入您的 App 工程中； 第二步：获取 License，配置 licenseURL和 licensekey 直播 Flutter SDK演示 简单的接入，却有极致的效果，下面的演示展现了腾讯云视立方·直播 Flutter SDK的推流、拉流效果。 您可以点击「阅读文档」查看文档了解如何快速接入，也可以通过以下链接更深入地了解腾讯云视立方·直播 Flutter SDK的接入细节： GitHub仓库 Flutter pub dev 地址 官网Flutter 直播推流文档 官网Flutter标准直播拉流文档 如果您对我们的直播 Flutter SDK感兴趣，或者在接入、开发中遇到了相关问题，欢迎加入直播Flutter技术交流QQ群（786093569）与我们的产研团队直接交流
5K51编辑于 2022-04-15 - 来自专栏用户7603185的专栏
H5直播源码是什么？H5直播源码如何开发？
H5直播源码是什么？ H5直播也有着一套完整的直播系统，含视频录制端、视频播放端、视频服务器端。 H5直播，推流还是需要移动端或者摄像头，H5直播源码提供更多的依旧是观看，其实与传统直播系统是差不多的。 H5直播源码具有怎样的优势？ 做品牌宣传的朋友都知道，H5是一个重要的表现方式。 H5直播源码研发周期较短，尤其强化了web网页的表现性能。 除了微信之外，不少浏览器都可用H5观看视频，所以相对flash而言，不需要安装插件，所以传播更快。 H5相比flash而言，对CPU及内存的占用都要低一些，所以能够有效减少卡顿及发烫的现象。 想要搭建H5直播源码，WebRTC必不可少。 怎么用H5直播源码开发直播功能 直播一共有三种状态：直播前，直播中，结束。 针对每个状态我们肯定会有不同的显示，这三种状态可以是三个页面，相互切换，或者一个页面，控制页面相关隐藏和显示。
2.9K20发布于 2021-03-04 - 来自专栏技术人生
flutter组件5【上滑加载】
一、解释 flutter并没有提供上滑加载的组件，我们需要像安卓一样 进行滚动监听，然后处理footer，header，list数组等变量来实现 二、 ScrollController 上滑加载用到的
1.5K20发布于 2020-11-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 videoModuleController.videoTabIndex.value, viewportFraction: 1.0);List<String> tabList = ['订阅', '逛逛', '直播
1.9K21编辑于 2025-02-07 - 来自专栏腾讯IVWEB团队的专栏
全面进阶 H5 直播
详细参考：视频文件格式 直播协议 2016 年是直播元年，一是由于各大宽带提供商顺应民意增宽降价，二是大量资本流进了直播板块，促进了技术的更新迭代。 市面上，最常用的是 Apple 推出的 HLS 直播协议（原始支持 H5 播放），当然，还有 RTMP、HTTP-FLV、RTP等。 现在，直播行业依旧很火，而 HTML5 直播，一直以来都是一个比较蛋疼的内容。一是，浏览器厂商更新速度比较慢，二是，这并不是我们前端专攻的一块，所以，有时候的确很鸡肋。当然，进了前端，你就别想着休息。 关于 HLS 的详细内容，可以参考：HLS 详解 关于 m3u8 文件的标签内容，可以参考：HLS 标签头详解 总而言之，HLS 之所以能这么流行，关键在于它的支持度是真的广，所以，对于一般 H5 直播来说 不过，由于支持性的原因，RTMP 并未在 H5 直播中，展示出优势。
3.5K33发布于 2020-06-27 - 来自专栏易帜的Android 学习之旅
5.Flutter学习之GridView组件
学习自： Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出. GridView网格布局方法参数介绍。
72910编辑于 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 - 来自专栏前端大合集
Flutter 系列 如何在Flutter中嵌入H5页面
2. flutter Webview 插件 flutter_webview 是 Flutter 中的插件，用于在应用中显示网页内容。 使用展示 3.1 安装插件 打开项目下的pubspec.yaml 文件, 在dependencies 下写入以下内容 dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.8 webview_flutter: ^4.10.0 3.2 代码编写 3.2.1 定义变量 定义变量,用于接收 class _MyHomePageState prevent 阻止导航继续进行 navigate 放行 5, 完整代码 import 'package:flutter/material.dart'; import 'package:webview_flutter /webview_flutter.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget
3.8K10编辑于 2024-11-07 - 来自专栏Technology Share
H5直播避坑指南
作者简介： 文赫，2015年加入腾讯，作为前端开发工程师参与过手Q游戏公会，游戏中心，企鹅电竞等项目，具有丰富的移动端开发和直播开发经验。 | 导语 企鹅电竞项目，直播和视频播放是其中的核心。 面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 在摸索优化背后，我们也想把这些问题和解决方法总结下来，让其他同学做到直播的时候可以自豪的说，这就是我们的h5直播体验 1. 注： 之前我们发现x5插入了一段js来劫持视频的全屏的事件 ? 满足条件的video标签全屏时都会被X5接管，另外调用webkitEnterFullscreen方法时，X5也会接管播放器。 如果发现在x5内核下无法使用伪全屏而被浏览器接管，可以咨询下x5同事为你的域名开启白名单，不接管你域名下的视频播放 总结： 在经历过各种优化和调整后，我们可以在h5直播页做到看直播，看弹幕，发弹幕，发送礼物
12.4K151发布于 2018-01-29 - 来自专栏腾讯IVWEB团队的专栏
全面进阶 H5 直播（下）
本文作者：ivweb villainthr 接 《 全面进阶 H5 直播（上）》 Media Source Extensions 在没有 MSE 出现之前，前端对 video 的操作，仅仅局限在对视频文件的操作
6.5K10发布于 2017-07-13 - 来自专栏腾讯IVWEB团队的专栏
全面进阶 H5 直播（上）
详细参考：视频文件格式 直播协议 2016 年是直播元年，一是由于各大宽带提供商顺应民意增宽降价，二是大量资本流进了直播板块，促进了技术的更新迭代。 市面上，最常用的是 Apple 推出的 HLS 直播协议（原始支持 H5 播放），当然，还有 RTMP、HTTP-FLV、RTP等。 现在，直播行业依旧很火，而 HTML5 直播，一直以来都是一个比较蛋疼的内容。一是，浏览器厂商更新速度比较慢，二是，这并不是我们前端专攻的一块，所以，有时候的确很鸡肋。当然，进了前端，你就别想着休息。 关于 HLS 的详细内容，可以参考：HLS 详解 关于 m3u8 文件的标签内容，可以参考：HLS 标签头详解 总而言之，HLS 之所以能这么流行，关键在于它的支持度是真的广，所以，对于一般 H5 直播来说 不过，由于支持性的原因，RTMP 并未在 H5 直播中，展示出优势。下列是简单的对比： HTTP-FLV HTTP-FLV 和 RTMPT 类似，都是针对于 FLV 视频格式做的直播分发流。
10.5K2215发布于 2018-01-15 - 来自专栏腾讯Bugly的专栏
H5 直播避坑指南
本文来自“小时光茶社（Tech Teahouse）”公众号 作者简介： 文赫，2015年加入腾讯，作为前端开发工程师参与过手Q游戏公会，游戏中心，企鹅电竞等项目，具有丰富的移动端开发和直播开发经验。 导语 企鹅电竞项目，直播和视频播放是其中的核心。面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 在摸索优化背后，我们也想把这些问题和解决方法总结下来，让其他同学做到直播的时候可以自豪的说，这就是我们的h5直播体验 1. 注： 之前我们发现x5插入了一段js来劫持视频的全屏的事件 ? 满足条件的video标签全屏时都会被X5接管，另外调用webkitEnterFullscreen方法时，X5也会接管播放器。 如果发现在x5内核下无法使用伪全屏而被浏览器接管，可以咨询下x5同事为你的域名开启白名单，不接管你域名下的视频播放 总结： 在经历过各种优化和调整后，我们可以在h5直播页做到看直播，看弹幕，发弹幕，发送礼物
4.1K90发布于 2018-03-23 - 来自专栏Technology Share
H5直播避坑指南
作者简介： 文赫，2015年加入腾讯，作为前端开发工程师参与过手Q游戏公会，游戏中心，企鹅电竞等项目，具有丰富的移动端开发和直播开发经验。 导语 企鹅电竞项目，直播和视频播放是其中的核心。 面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 在摸索优化背后，我们也想把这些问题和解决方法总结下来，让其他同学做到直播的时候可以自豪的说，这就是我们的h5直播体验 1. 方法时，X5也会接管播放器。 如果发现在x5内核下无法使用伪全屏而被浏览器接管，可以咨询下x5同事为你的域名开启白名单，不接管你域名下的视频播放 总结： 在经历过各种优化和调整后，我们可以在h5直播页做到看直播，看弹幕，发弹幕，发送礼物
7K130发布于 2018-01-15 - 来自专栏Android知识点总结
Flutter第5天--布局实例+操作交互
0), ); } ---- 1.出题：(来玩掘金吧~) 这是网页掘金的主页栏，是我喜欢的风格，现在flutter上走一波 ? (27114): onPanDownOffset(205.5, 384.5) I/flutter (27114): onTapUpOffset(205.5, 384.5) I/flutter (27114 , 384.8) I/flutter ( 4994): onVerticalDragUpdate---Offset(182.5, 390.2) I/flutter ( 4994): onVerticalDragUpdate ---Offset(181.8, 402.2) I/flutter ( 4994): onVerticalDragUpdate---Offset(180.8, 420.5) I/flutter ( 4994 3.而flutter布局是对象，你可以用变量来记录它，随用随取。 4.Flutter的flex布局让布局的适应性变得很强，虽然Android的约束布局也可以，但略显繁杂 好了，今天就到这里
2.5K30发布于 2018-12-27
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号