如何在移动视图布局中加载 power bi 报告？答案

【问题标题】：How to load power bi report in mobile view layout?如何在移动视图布局中加载 power bi 报告？
【发布时间】：2021-10-04 11:14:54
【问题描述】：

我正在使用 react-native 中的 Power BI 报告，它仅适用于桌面视图，但不能在移动布局视图中加载。我正在使用 https://www.npmjs.com/package/react-native-powerbi 插件。我可能会尝试任何但没有找到解决方案，所以请帮助我。我把我们的代码放在这里我显示了一些答案，它建议更改 layoutType -2 并在嵌入式 Url 中添加 isMobileView = true 但没有得到解决方案。谢谢

var embedConfiguration = {

  type: 'report',
  accessToken: props.embedConfiguration.accessToken,
  embedUrl: props.embedConfiguration.embedUrl,
  id: props.embedConfiguration.id,
  settings: {
    filterPaneEnabled: false,
    navContentPaneEnabled: true,
    layoutType: 2
  }
};

【问题讨论】：

标签： react-native powerbi powerbi-desktop powerbi-embedded

【解决方案1】：

要为 Power BI 报表嵌入移动视图布局，您需要在 Power BI Desktop 中创建“移动布局”。

要选择“移动布局”，请转到查看面板，然后选择移动布局。

创建后，您可以使用layoutType: models.LayoutType.MobilePortrait 嵌入移动视图。

所以最终的嵌入配置看起来类似于：

var embedConfiguration = {
 type: 'report',
  accessToken: props.embedConfiguration.accessToken,
  embedUrl: props.embedConfiguration.embedUrl,
  id: props.embedConfiguration.id,
  settings: {
    filterPaneEnabled: false,
    navContentPaneEnabled: true,
    layoutType: models.LayoutType.MobilePortrait,
  }
};

参考资料：

https://docs.microsoft.com/javascript/api/overview/powerbi/mobile

【讨论】：