react-native - 无法使用 native-base 解析模块

Question

我引用了 https://docs.nativebase.io/ ，当我尝试使用示例代码时，它显示错误 Unable to resolve module ，就像照片一样 我的环境是:

"expo": "^18.0.4",
"native-base": "^2.2.1",
"react": "16.0.0-alpha.12",
"react-native": "https://github.com/expo/react-native/archive/sdk-18.0.1.tar.gz",

这是我的 App.js:

import React from 'react';
// import { StyleSheet, View, Text } from 'react-native';
import { Container, Button, Text } from 'native-base';

export default class App extends React.Component {

  render() {
    return (
      <Container>
        <Button>
          <Text>
            Button
          </Text>
        </Button>
      </Container>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

我发现我只是 import 'native-base' 导致错误 import { Container, Button, Text } from 'native-base';

请告诉我我错过了哪一步。提前致谢。

Answer 1

我想你忘了先安装 native-base 组件，如果没有，那么在你的项目中使用以下命令

npm install native-base --save