fix(iframe-plugin): the iframe is painted as a blank view

jsamr · jsamr · commit d40e98db2595 · 2021-10-13T08:40:40.000-03:00
fix native-html#41
diff --git a/packages/iframe-plugin/src/HTMLIframe.tsx b/packages/iframe-plugin/src/HTMLIframe.tsx
@@ -6,7 +6,7 @@ import {
   LinkPressTarget,
   useWebshell
 } from '@formidable-webview/webshell';
-import { StyleProp, ViewStyle } from 'react-native';
+import { StyleProp, View, ViewStyle } from 'react-native';
 import { RenderersProps } from 'react-native-render-html';
 import { linkPressTargetToOnDOMLinkPressArgs } from '@native-html/plugins-core';
 
@@ -148,10 +148,15 @@ export default function HTMLIframe({
     props: {
       ...userWebViewProps,
       onDOMLinkPress,
-      style,
       source,
       testID: 'iframe'
     }
   });
-  return React.createElement(WebView, webViewProps);
+  // We need to wrap the WebView in a View to circumvent a bug in
+  // react-native-webview, see https://git.io/JKY1r
+  return (
+    <View style={style}>
+      <WebView {...webViewProps} />
+    </View>
+  );
 }
