Tab.Navigator -> 如何使用组件？

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

or mixed up default import and named import when importing.

您正在将组件作为命名导出导入...

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

Tab.Navigator -> 如何使用组件？

Tab.Navigator -> How to use a component?

javascript

navigation

components

reactjs

react-native