React Native Expo에서 Webview를 사용하여 웹 페이지 띄우기

앱을 개발하다보면 웹페이지를 앱 상에 띄워줘야하는 경우가 필요하다. 이러한 경우 expo에서 제공하는 webview를 이용해 페이지를 보여준다.

설치

expo install react-native-webview

사용

import * as React from 'react';
import { WebView } from 'react-native-webview';


class WebContainer extends React.Component {
    render() {
        return <WebView source={{ uri: [보여주고자 하는 주소] }} style={{ marginTop: 10 }} />;
    }
}

화면

구글 페이지를 예제로 사용