我正在学习如何使用React Native hooks并创建可重用组件，一旦我调用GetPlayer，在运行代码时屏幕上什么也没有出现，并且我在控制台中没有得到任何异常。
我是否正确调用了GetPlayer组件，或者我是否遗漏了什么？谢谢
App.js文件如下

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import GetPlayer from './GetPlayer';

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
         <GetPlayer /> 
      <StatusBar style="auto" />
    </View>
  );
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

GetPlayer.js文件

import { View } from "react-native-web"

export default function GetPlayer(){
    return (
        <View style={styles.container}>
            <Text>Test </Text>
        </View>
    )
}

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

文件夹的图像