TouchableOpacity onPressのWebviewを開きます。React-Native

Question

現在、私はリンクを使用していますが、アプリケーション外のURLを開いています。このアプリをURLを表示せずにアプリ内で開くことができます。

しかし、React-NativeのTouchableOpecity onPressイベントでWebviewを開くことができません。ページを追加して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> 
    ); 
} 
} 

ナビゲータの1つを使用して、webviewコンポーネントを1つのルートとして扱うことができます。