Как использовать компонент React (@ material-ui / core) в React native

Question

Я хотел бы спросить, можно ли каким-либо образом использовать компонент React (@ material-ui / core) в React Native?

Когда я использую компоненты @ material-ui / core в проекте React Native, приложение продолжает сбой, потому что оно не может найти такие элементы, как div, p и span.

Спасибо

в индексе. js

import {AppRegistry} from 'react-native';
import Demo from './Demo';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => Demo);

в демо. js

import React from 'react';
import {View} from 'react-native';
import Card from '@material-ui/core/Card';

export default function Demo() {
  return (
    <View>
      <Card>
      </Card>
    </View>
  );
}

сообщение об ошибке

Answer 1

React native использует react-native-material-ui , тогда как ReactJs использует @ material-ui / core

npm i react-native-material-ui

import React from 'react';
import {View} from 'react-native';
import { Card } from 'react-native-material-ui';

export default function Demo() {
  return (
    <View>
      <Card>
      </Card>
    </View>
  );
}

React-native-material-ui Документы

Answer 2

Пользовательский интерфейс материала предназначен для ReactJS (веб-приложения), поэтому он не будет работать в среде React Native.