ReactNative webview でのアクセス可能なサイトの制限について

Question

よろしくお願いいたします。

Reactnativeのwebviewにて、特定のドメインのみ、アプリ内でのアクセス可能にしたいと考えています。
originWhiteListで許可するurlを指定しました。

<WebView
    originWhitelist={['https://example.jp/samplepage']}
    source={{ uri: 'https://example.jp/samplepage' }}
/>

上記のように実装したのですが、sourceにて指定したurlがOS標準のブラウザで開かれてしまいます。
originWhiteListを指定しなければ、sourceのuriがアプリ内で開かれます。

解決方法をご存知の方はいらっしゃいましたら教えていただけますでしょうか。。

よろしくお願いいたします。

Answer 1

• originWhitelist

上記の公式Docを確認しました。
originWhitelistは以下のように説明されています。

List of origin strings to allow being navigated to. The strings allow wildcards and get matched against just the origin (not the full URL). If the user taps to navigate to a new page but the new page is not in this whitelist, the URL will be handled by the OS. The default whitelisted origins are "http://" and "https://".

要約するとoriginWhitelistにはフルのURLではなくoriginを指定する必要があります。

よって以下のように書いてみたはいかがでしょうか？

<WebView
    originWhitelist={['https://example.jp']}
    source={{ uri: 'https://example.jp/samplepage' }}
/>