Open Webview on TouchableOpacity onPress React-Native

Question

В настоящее время я использую ссылку, но он открывает URL-адрес за пределами приложения, я хочу, чтобы это приложение было открыто в приложении без указания URL-адреса.

Но не удалось открыть Webview на TouchableOpecity onPress в React-Native. Нужно ли добавлять страницу, а затем открывать страницу с URL-адресом?

Может ли кто-нибудь помочь.

Answer 1

Я рассматриваю простейший случай, когда я выполняю рендеринг одного компонента, и навигатор не используется.

class ABC extends Component { 
constructor(props){ 
    super(props) 
    this.state = { 
    check : false 
    } 
} 
renderWebView(){ 
    if(this.state.check){ 
    return(
     <WebView 
      source={{uri: 'your url goes here'}} 
      style={{marginTop: 20}} 
     /> 
    ); 
    }else { 
     return(
     <TouchableOpacity 
      onPress={()=>this.setState({check: true})}> 
      <Text>Open WebView</Text> 
     </TouchableOpacity> 
    ); 
    } 
} 
render() { 
    return (
    <View style={{flex:1}}> 
     {this.renderWebView()} 
    </View> 
    ); 
} 
} 

Вы можете использовать один из навигаторов и обрабатывать компонент webview как один маршрут.