[React Native] WebView 사용 방법

React Native에서 기본 웹 브라우저를 통해 URL 여는 방법

React Native 모듈에서 제공하는 Linking을 사용하면 간단하게 구현 가능함

https://carpet-part1.tistory.com/942 라는 사이트를 웹뷰로 열고 싶다면, Linking.openURL 사용해서 링크를 열어주면 됨

 

코드 예시

import React from 'react';
import { Button, Linking } from 'react-native';

const Component = () => {
  const openWebView = () => {
    Linking.openURL('https://carpet-part1.tistory.com/942');
  };

  return (
    <Button
      title={'조회'}
      onPress={openWebView}
    />
  );
};

export default Component;