React Native Webview未显示在Expo Web中

fhity93d 于 2023-02-13 发布在 React

关注(0)|答案(2)|浏览(160)

在Expo移动应用程序中运行良好，但通过运行命令expo start --web在Web浏览器上打开Expo应用程序时，相同代码未显示任何内容
下面是示例代码

<WebView 
     originWhitelist={['*']} 
     source={{ uri: 'https://sofit.ltd' }}
     style={{marginBottom:100, height:"100%", width:"100%" }}
    />

react-native

来源：https://stackoverflow.com/questions/58336233/webview-not-appearing-in-expo-web

2条答案

按热度按时间

lhcgjxsq1#

你试过只在网上吗？试试这个小吃：https://snack.expo.io/@djalik/webview-demo

赞(0）回复(0）举报 2023-02-13

0kjbasz62#

对我来说，答案是用一个视图来 Package 它：

<View style={styles.container}>
      <StatusBar style="auto" />
      <View style={styles.webviewContainer}>
        <WebView
            originWhitelist={['*']}
            source={{ uri: currentURI }}
            ref={webViewRef}
            style={styles.webview}
          />
      </View>
</View>

// Styles
const styles = StyleSheet.create({
  container: {
    marginTop: Constants.statusBarHeight,
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  webview: {
    flex: 1,
  },
  webviewContainer: {
    flex: 1,
    alignSelf: 'stretch',
  },
});

赞(0）回复(0）举报 2023-02-13

我来回答

React Native Webview未显示在Expo Web中

2条答案

相关问题

热门标签

最新问答