原生IOS反应：无法调整当前堆栈顶部的可用视图

当编写一个组件时，我突然在我的IOS模拟器中发现了一个非常奇怪的错误：“无法调整当前栈顶以外的可用视图”

这是我的代码：

var Badge = require('./badge'); var Separator = require('./helpers/seperator'); var View = React.View; var StyleSheet = React.StyleSheet; var ScrollView = React.ScrollView; var Text = React.Text; var Profile = React.createClass({ _getRowTitle: function (userInfo, item) { item = item.replace('_', ' '); return item[0] ? item[0].toUpperCase() + item.slice(1) : item; }, render: function () { var userInfo = this.props.userInfo; var topicArr = ['followers', 'following', 'email', 'bio']; var list = topicArr.map((item, index) => { return ( <View key={index}> <View> <Text> {this._getRowTitle(userInfo, item)} </Text> <Text> {userInfo[item]} </Text> </View> <Seperator /> </View> ); } }); return ( <ScrollView style={styles.container}> <Badge userInfo={this.props.userInfo} /> {list} </ScrollView> ); } }); 

有谁知道这个错误来自哪里？

Answer 1

好的，当拼错组件名称时，事实certificate这发生在React-Native中。 我的导入类， Separator应该被拼写Seperator和我的棉绒，并且编译系统没有发现错误。 显然，如果你尝试使用React-native中未定义的对象，这就是你得到的错误！

Answer 2

扩展你所做的观察，当你引用或拼错一个名字时，这个错误可能会更普遍地发生。 它不仅限于组件名称。

例如，如果您创build一个styles对象来保存样式，但是不小心将其引用为style ，那么您也将看到此错误。