Question

我正在使用react-native创建一个项目，我正在使用react-native-router-flux。我尝试编译时出现以下错误

未为key = root
设置组件属性

这里有代码

import React, { Component } from 'react'
import { Router, Scene } from 'react-native-router-flux'
import { Gallery } from './gallery'
import { Events } from './events'

export default class Album extends Component {
  render () {
    return (
      <Router>
        <Scene key='root'>
          <Scene key='gallery' component={Gallery} title='Gallery' />
          <Scene key='events' component={Events} title='Events' />
        </Scene>
      </Router>
    )
  }
}

有任何帮助吗？谢谢！

Answer 1

我得到了同样的错误： [react-native-router-flux] component property is not set for key=root

我的代码如下所示： <Scene key="loginPage" Component={LoginPage} title="Login" initial={true} />

以下代码不会抛出错误:(组件为小写）

<Scene key="loginPage" component={LoginPage} title="Login" initial={true} />

Answer 2

我意识到问题是我正在导出我试图以错误方式导入的组件。现在它正在运作。

编辑：问题是我以错误的方式导出了图库和事件。一旦我修复了出口工作。

我导出组件的方式是：

export class Gallery extends Component {
  render () {
    return (
      <View style={styles.container}>
        <Text>This is the Gallery</Text>
      </View>
    )
  }
}

我希望现在更有帮助

未为key = root设置Component属性

2 个答案: