如何将弹出组件导入 React-Native

how to import popup component to React-Native?

本文关键字：组件 导入 React-Native      更新时间：2023-09-26

我是 React-Native 的初学者，我想为我的应用程序添加一个弹出窗口，我发现这个：https://www.npmjs.com/package/react-native-popup我迈出了第一步：

npm install react-native-popup --save

然后每当我使用此行将其导入我的项目并在我的 Android 模拟器上运行它时：

import Popup from 'react-native-popup';

我收到一个红色屏幕，显示此错误：

似乎您正在尝试从 "反应原生"包。也许你的意思是访问"React.Component" 而不是从"反应"包？例如，代替：导入 React， { Component， View} from 'react-native';您现在应该执行以下操作： 导入反应，{组件}从"反应"导入{视图}从 "反应原生";

虽然这是我实际正在做的事情，但这是我的代码：

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import Popup from 'react-native-popup';
class AwesomeProject3 extends Component {
这不是

你的错误，而是那个库，react-native-popup，它从react-native导入React，这真的很糟糕。

我建议你改用 React-Native 的原始Modal和Alert。它们工作完美。

相关文章：