当前位置 : 主页 > 网页制作 > React >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我在我的应用程序中使用Navigator和TouchableHighlight时出错 这是我的index.ios.js(render和renderScene函数)的代码: render: function() { return ( View Navigator renderScene={this.renderScene} /Navigator /View ) }, rend
我在我的应用程序中使用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有一个以上的孩子(因为我看到它根本没有孩子)???

希望你帮助我们(:

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

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

将消除错误.

网友评论