如何在React-Native中使用react-native-powerbi加载Power BI移动端布局报表

解决步骤 #

• 首先确认Power BI后台已完成移动端布局配置：
  你需要先在Power BI Desktop中为目标报表设计并保存移动端专用布局，发布到工作区后才能被嵌入式接口识别，未配置移动端布局的报表永远会默认加载桌面端视图。
• 修正嵌入配置项：
  你当前的配置缺失mobileLayout显式启用配置，同时要确保embedUrl参数无多余空格，修正后的参考代码如下：

// 先处理embedUrl，确保参数正确拼接，无多余空格
const processedEmbedUrl = `${props.embedConfiguration.embedUrl}&isMobileView=true`;

var embedConfiguration = {
  type: 'report',
  accessToken: props.embedConfiguration.accessToken,
  embedUrl: processedEmbedUrl,
  id: props.embedConfiguration.id,
  settings: {
    filterPaneEnabled: false,
    navContentPaneEnabled: true,
    layoutType: 2, // 对应LayoutType.Mobile枚举值
    // 新增以下配置强制启用移动端布局
    mobileLayout: {
      enabled: true
    }
  }
};

• 若第三方插件未透传mobileLayout参数，可手动修改插件源码兼容：
  由于react-native-powerbi已多年未迭代维护，部分新版Power BI嵌入式参数可能未做透传，你可以修改插件内置的WebView逻辑，在onLoadEnd回调中注入完整的配置脚本强制覆盖默认布局规则。

内容的提问来源于stack exchange，提问作者Anil Prasad