Navigator Invariant Violation:onlyChild必须传递只有一个孩子的孩子

Question

我在我的应用程序中使用Navigator和TouchableHighlight时出错,这是我的index.ios.js的代码(render和renderScene函数):

      render: function() {

        return (
          <View>
          <Navigator
           renderScene={this.renderScene}>
          </Navigator>
          </View>
       )
      },

     renderScene: function(route, nav) {
          return <LoginView navigator={nav} />;
     }

这是LoginView的代码

    var LoginView = React.createClass({
      onPress: function() {

      },
      render: function() {

        return (

            <View>
              <TouchableHighlight />
            </View>

        )
      },
    });

我确定这是因为TouchableHighlight只能有一个孩子(在TouchableHihglight.js的渲染功能中,使用了onlyChild.js中的onlyChild函数来验证孩子的数量)我不明白这就是为什么在我的情况下TouchableHighlight有一个以上的孩子(因为我看到它根本没有孩子)???

希望你帮助我们(:

Answer 1

您需要将一个孩子传递给TouchableHighlight.像这样的东西:

<TouchableHighlight>
  <Text>Hello</Text>
</TouchableHighlight>

将消除错误.