Viewing reports in mobile mode with flutter webview

[veribel]

How can I show Power BI reports as webview in flutter. Reports open in desktop mode. Is there any way to do this?

[harnesspaintbal]

There is a solution, which I discovered. Because I had already built a web app, I integrated full-screen reports into my react app and displayed them in an inapp web. View in flutter: geometry dash lite

Thanks,  

[ichavarria]

Hi @veribel,

Yes, you can embed Power BI reports in a Flutter app using the Power BI Embedded API. Here are the high-level steps to do this:

1. Create a Power BI account: If you don't already have one, you will need to create a Power BI account.

2. Create a Power BI report: Create a report in Power BI that you want to embed in your Flutter app.

3. Create an Azure AD application: You need to create an Azure AD application to use the Power BI Embedded API. You can do this in the Azure portal.

4. Generate an embed token: Use the Power BI Embedded API to generate an embed token for your report.

5. Embed the report in your Flutter app: Use the Power BI Embedded API to embed the report in your Flutter app. You can use a WebView or a WebView plugin in your app to display the report.

Here are some additional resources that can help you get started:

• Power BI Embedded API documentation: https://docs.microsoft.com/en-us/power-bi/developer/embedded/overview-of-power-bi-embedded
• Power BI Embedded Playground: https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html#/
• Flutter WebView plugin: https://pub.dev/packages/webview_flutter

Note that you will need to have a good understanding of both Flutter and the Power BI Embedded API to successfully embed a report in your app. It may also be helpful to work with a developer who has experience with both technologies.

Best regards, 

Isaac Chavarria

If this post helps, then please consider Accepting it as the solution and give Kudos to help the other members find it more quickly