uni-app 不支持抖音的 onresize 分屏监听事件吗

uni-app 不支持抖音的 onresize 分屏监听事件吗

类别 信息
产品分类 uniapp/小程序/字节跳动
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 Win11
HBuilderX类型 正式
HBuilderX版本号 4.08
第三方开发者工具版本号 4.2.3
基础库版本号 3.30.0.1
项目创建方式 HBuilderX

操作步骤：

  • 使用ios手机通过直播方式（直播间：阿悠带你进好厂）打开小程序，分屏向全屏转换后，就会出现空白区域。

预期结果：

  • 通过监听分屏事件，不出现空白区域。

实际结果：

  • 目前会出现分屏事件。

bug描述：

  • 抖音小程序支持X分屏事件监听：onResize。但是uniapp不支持，这个该怎么解决。

更多关于uni-app 不支持抖音的 onresize 分屏监听事件吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

感谢反馈，你可以提供精简的复现 demo 吗，

出现空白区域是什么表现
onResize 事件是监听了但是没有触发是嘛

普通的抖音小程序怎么做可以触发 onResize 事件？

更多关于uni-app 不支持抖音的 onresize 分屏监听事件吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html


截至到2023年，uni-app 对抖音（Douyin）平台的支持仍在不断完善中。抖音小程序的 onResize 事件是用于监听小程序分屏状态变化的事件，但目前 uni-app 可能尚未完全支持该事件。

在抖音小程序中，onResize 事件的典型用法如下：

App({
  onResize(res) {
    console.log('分屏状态变化:', res);
  }
});

如果你在 uni-app 中需要监听分屏事件，可以尝试以下方法：

1. 使用条件编译

uni-app 支持条件编译，你可以针对抖音平台编写特定的代码：

// #ifdef MP-DOUYIN
App({
  onResize(res) {
    console.log('分屏状态变化:', res);
  }
});
// #endif
回到顶部