如何将弹出组件导入 React-Native
how to import popup component to React-Native?
我是 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
。它们工作完美。
相关文章:
- Angular2将组件方法导入到另一个组件中
- 如何基于依赖性导入React组件
- webpack样式加载器-在react组件上导入不同的样式,而无需重写
- React ES6 导入无状态组件
- 如何将 React 组件正确存储在单独的文件中并导入 React
- Ionic 2-导入/注入Angular 2 HTTP组件
- 在ES6中导入用于服务器端渲染的组件
- React.js导入和使用组件
- 从react引导程序导入组件
- ReactJS-Can't导入组件
- 如何在laravel 5.3 + VueJs路由中导入外部组件
- 在react native项目中导入我自己的组件失败了
- React NativeBase没有显示我导入的组件
- 第三方Vue组件在导入时抛出意外的令牌错误
- 为什么我不能把enum导入我的angular2组件?
- 如何在Angular 2中访问导入组件中的数据
- 不能在React组件中导入ES6模块
- 如何关注导入的React组件中的元素?
- 可以在所有容器组件中导入所有操作创建器
- 如何将弹出组件导入 React-Native