アプリとWebで一部同じコンポーネントを使いたくなったので使ってみた

導入

yarn add  react-native-web

↑実行する

こんな感じでweb使える

Welcome.js

import React from "react";
import { Text, View } from "react-native";

export default () => {
  return (
    <View>
      <Text>Welcome</Text>
    </View>
  );
};

react-native-webをインストールするとWeb上でreact-nativeのコンポーネントを使える

さらに上記のコンポーネントは、Webで使用できるコンポーネントなので以下のようにwebの要素と一緒に使用できる

import React from "react";
import Welcome from "./Welcome";

export default () => {
  return (
    <div>
      ようこそ
      <br/>
      <Welcome />
    </div>
  );
};