导航:project.testscreen注册结果为“未定义”

时间:2018-08-06 07:39:47

标签: react-native react-native-navigation wix-react-native-navigation

我刚刚使用https://wix.github.io/react-native-navigation/#/installation-ios提供的安装指南和使用指南https://wix.github.io/react-native-navigation/#/usage安装了react-native-navigation。

我已遵循这些说明并签出了多个示例应用程序,但无法弄清楚为什么我的屏幕无法注册。

我收到的错误是:console.error:“导航:project.testscreen注册结果为'undefined'”。

调用registerScreens并完成注册,但是似乎注册结果未定义。

index.js

import App from './src/app'
const app = new App();

app.js

import { Navigation } from 'react-native-navigation';
import { registerScreens } from './screens';

registerScreens();

Navigation.startTabBasedApp({
 tabs: [{
  label: 'Test',
  screen: 'project.testscreen',
  title: 'Test',
 }]
});

screens.js

import { Navigation } from 'react-native-navigation'

import { TestScreen } from './components/testScreen'

export function registerScreens() {
    Navigation.registerComponent('project.testscreen', () => TestScreen)
}

testScreen.js

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class TestScreen extends Component {

 render() {
   return (
    <View>
     <Text>Hi</Text>
    </View>
   )
  }
}

export default TestScreen

反应性:0.55.4

react-native-navigation:最新(1.1.479)

1 个答案:

答案 0 :(得分:1)

更改

import { TestScreen } from './testScreen'

import TestScreen from './testScreen'   

因为TestScreen默认导出