添加按钮元素以响应本机时出错

Question

我正在尝试为我的反应原生代码添加一个按钮，并继续获得可怕的element type is invalid; expect a string or a class/function but got undefined

这是我的代码

import React from 'react';
import { Alert, Text, View, ScrollView, Button } from 'react-native';

function onButtonPress() {
  Alert.alert('hello');
}
export default function AboutTab() {
  return (
      <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
        <Button
          onPress={onButtonPress}
          title="Learn More"
          color="#841584"
          accessibilityLabel="Learn more about this purple button"
        />
        <Text>Hello</Text>
      </View>

  );
}

如果我只有文本元素，我的视图渲染就好了。一旦我添加按钮，我就会收到错误。我尝试切换导入（import Button from 'react-native'）并从类更改为函数。我必须要有一些简单的东西。