如何在flutter移动应用上生成iFrame

Question

我正在开发一个用 flutter 构建的播客应用程序，想要为应用程序上特定类别的剧集生成一个 iframe，并将 iframe 添加到外部网站，这样应用程序上显示的内容也应该反映在外部网站上iframe 将被添加到的位置。如何才能实现这一目标？

对此很新鲜。需要一些帮助。

Answer 1

您可以使用 https://pub.dev/packages/flutter_inappwebview 并将 iframe 注入到 webview

InAppWebView(
                      initialUrlRequest: URLRequest(
                        url: Uri.parse(''),
                      ),
                      initialOptions: InAppWebViewGroupOptions(
                        crossPlatform: InAppWebViewOptions(
                          incognito: GetPlatform.isIOS ? true : false,
                          preferredContentMode: UserPreferredContentMode.MOBILE,
                          verticalScrollBarEnabled: false,
                          horizontalScrollBarEnabled: false,
                        ),
                        android: AndroidInAppWebViewOptions(clearSessionCache: true, useHybridComposition: true),
                      ),
                      onLoadStop: (controller, url) async {
                        String payload = """
                        var iframe = document.createElement('iframe');
                        iframe.src = 'https://programiz.pro';
                        iframe.width = '100%';
                        iframe.height = '200px';
                        document.body.appendChild(iframe);
                        """;
                        await controller.evaluateJavascript(source: payload);
                      },
                    ),