Render a website as a native mobile app

This post goes over how to render a website as a native mobile app by wrapping it inside a React Native WebView.


React Native

Install the Expo CLI:

npm install --global expo-cli

Then create a new React Native project:

expo init react-native-webview-example

Change into your project directory:

cd react-native-webview-example


Install React Native WebView:

npm install --save react-native-webview

Update App.js with the source URI to your example site:

// App.js
import { WebView } from 'react-native-webview';

export default function App() {
  return (
      source={{ uri: '' }}
      style={{ marginTop: 20 }}

Run your React Native application:

npm start

Install the Expo client app on iOS or Android to run the app on your phone.


See GitHub repository.

Please support this site and join our Discord!