React native 显示正确调整大小的React Native WebView内容，以填充整个父组件空间

我有一个300px 300px画布内的网络视图，我想显示它“全屏”（相应地调整大小，以匹配手机屏幕）。我试图在WebView中更改

document.body

的维度，但没有成功。我可以让WebView填满屏幕，但不幸的是画布只是其中的一小部分

WebView html内容：

[…]
[...]

渲染函数内容：

    <View style={{flex:1, height: screenHeight}}>
      <WebView
        style={{ flex: 1 }}
        automaticallyAdjustContentInsets={false}
        source={{ html: Source}}
        javaScriptEnabledAndroid={true}
        scalesPageToFit={true}
      />
    />

/>