生成 APK [React-Native] 后 WebView 不起作用

Question

我使用 Webview 与 PayPal 集成： 代码示例：

<Modal
                    animationType={"fade"}
                    transparent={false}
                    visible={this.state.modalVisible}
                    onRequestClose={() => {
                        alert("Modal has been closed")
                    }}
                    >
                        <WebView
                            source={ require('./PayPalIntegration.html')}
                            style={{flex: 10, width: width, height: height, margin: 20, alignItems: 'center', alignSelf: 'center'}}
                            javaScriptEnabled={true}
                            automaticallyAdjustContentInsets={true}
                        />
                        <TouchableOpacity style={{marginLeft: 10, marginBottom: 10,}}onPress={() => {
                            this.setState({ modalVisible: false})
                        }}>
                            <Text>
                                X Close
                            </Text>
                        </TouchableOpacity>
                    </Modal>

当我使用 Xcode 中的 iOS 模拟器、在 AndroidStudio 的 AVD 管理器上工作时它可以工作，并且当我将react-native run-android 直接用于我的设备时也可以工作。 但在生成 APK 并安装后，我只看到 Modal 和 WebView 不起作用。

我做了几件事来尝试解决这个问题：

1. 根据web view not loading page after exporting to signed APKweb view not loading page after exporting to signed APK

，我检查了 proguard 的配置，并根据此处的其他帖子，它已经是 FALSE

2. 我根据JavascriptInterface on Android dont work with APK in release mode添加了-keepattributes JavascriptInterface

我必须说我只能在ANDROID上查看，因为我只能生成APK（没有苹果的开发者账号）

Answer 1

尝试在AndroidManifest.xml的application标签下添加android:usesCleartextTraffic="true"。它应该如下所示。

<application
      .........
      .........
      android:usesCleartextTraffic="true"
      .........