javascript - 使用图标时，NativeBase FooterTab返回错误

我使用本机基础docs作为创建FooterTab的基础。

如果将Icon元素添加到按钮，则会收到以下错误：undefined不是来自FooterTab.js：114的对象（评估为'child.props.children.props.name'）（自更改以来，现在为line 142） 。

以下是我在渲染函数中使用的代码：

<Footer>
      <FooterTab>
          <Button active={this.state.detailsTab} onPress={() => this.toggleDetailsTab()}>
              Details
              <Icon name='ios-home' style={globalStyles.inspectionsItemIcon} />
          </Button>
          <Button active={this.state.inspectionTab} onPress={() => this.toggleInspectionTab()}>
              Inspection
          </Button>
          <Button active={this.state.insectsTab} onPress={() => this.toggleInsectsTab()}>
              Insects
          </Button>
          <Button active={this.state.radonTab} onPress={() => this.toggleRadonTab()}>
              Radon
          </Button>
      </FooterTab>
</Footer>

如果我从第一个按钮中删除图标，则一切正常。

有任何想法吗？提前致谢。

最佳答案

请检查您的Icon组件是否从NativeBase导入：

import { Icon } from 'native-base';

FooterTab.js在第88行检查NativeBase的Icon组件。

如果不是一个，那么它将仅在第142行加载'name'属性，因为有两个子项（'Details'文本和Icon组件），将导致错误。

关于javascript - 使用图标时，NativeBase FooterTab返回错误，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40275065/