Question

我想从我的本机应用程序导航到Web视图。单击按钮时，我想重定向到该Web视图。我该如何实现？

Answer 1

您可以使用此：

import { Linking } from 'react-native' 
// ...
// ...
onPress = (url) => {
    Linking.openURL(url)
}

这将为用户打开浏览器。或者您可以使用Modal和WebView组件来做到这一点：

import {Modal, WebView} from 'react-native'
// ...
// ...
onPress = () => {
    this.setState({ isVisible: true })
}
render(){
    return(
        <View style={{flex: 1}}>
            <TouchableOpacity onPress={() => this.onPress('https://google.com')}>
                <Text>Open</Text>
            </TouchableOpacity>

            <Modal visible={this.state.isVisible} transparent={false}>
                 <View style={{flex: 1}}>
                     <WebView source={{uri: this.state.url}} />
                 </View>
             </Modal>
        </View>
    )
}

导航到react-native的Web视图

1 个答案: