react-native – Navigator Invariant Violation：onlyChild必须

发布时间：2020-12-15 20:12:29 所属栏目：百科来源：网络整理

导读：我在我的应用程序中使用Navigator和TouchableHighlight时出错这是我的index.ios.js(render和renderScene函数)的代码： render: function() { return ( View Navigator renderScene={this.renderScene} /Navigator /View ) },renderScene: function(route,na

我在我的应用程序中使用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>

将消除错误.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!