我使用本机基础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/

10-10 00:19