React NativeのポップアップWebviewを探してユーザーが解読できる（Android）

Question

私はユーザーが簡単に却下することができるウェブビューを開く必要があります。
URLを表示したり、xボタンのような簡単なオプション（ナビゲーションボタンなど）を表示できるようにする必要があります。

私はAwesome React Nativeを見上げたが、それでも何も見つかりませんでした。

Answer 1

React Native WebViewコンポーネントをViewラッパーで使用すると、それを実現できます。このような独自のMyWebViewコンポーネントを作成します。

class MyWebview extends React.Component{ 
    constructor(props, context) { 
    super(props); 
    this.goBack = this.goBack.bind(this); 
    } 

    goBack() { 
    this.props.navigator.pop(); 
    } 

    render() { 
    if (!this.props) { 
     return null; 
    }else{ 
     return (
     <View style={[GlobalStyle.container, style.container]}> 
      <NavigationBar /> 

      <WebView 
      startInLoadingState={true} 
      source={{uri: this.props.route.url}} 
      /> 
     </View> 
    ); 
    } 
    } 
} 

MyWebview.propTypes = { 
    navigator: PropTypes.object, 
    route: PropTypes.object 
}; 

export default MyWebview; 

をそして、あなたはあなたのルート機能でのparamとしてURLを渡すことができます。

let passObj = Object.assign({}, Routes.MyWebview, { 
    url: url 
}); 
this.props.navigator.push(passObj); 

Answer 2

それは私のために本当によく働いたこの1 react-native-custom-tabs

を試してみてください。