Tab.导航器 -> 如何使用组件？

Question

你好，我是React native的新手，我有一个问题:

我创建了一个新的组件:

import React, { Component } from 'react';
import { View,Text } from 'react-native';
class DemoScreen extends Component {
render(){
return(
<View>
<Text>Test</Text>
</View>
) 
}
}
export default DemoScreen

我有我的应用程序，并尝试了这两种方法来使用我的DemoScreen组件:

...
import { DemoScreen } from './DemoScreen'
...
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="DemoScreen" component={() => <DemoScreen />}/>
<Tab.Screen name="DemoScreen" component={DemoScreen}/>                   
</Tab.Navigator>
</NavigationContainer>

但是他们两个都不工作，我不明白:)

错误:错误:找不到屏幕"DemoScreen"的"component"、"getComponent"或"children"道具。如果你传递了'undefined'，就会发生这种情况。您可能忘记从定义组件的文件中导出组件，或者在导入时混淆了默认导入和命名导入。

有人能帮我吗?

谢谢!

Answer 1

或者在导入时混淆默认导入和命名导入。

你正在导入你的组件作为一个命名的export…

import DemoScreen from './DemoScreen' //<--- Default Export