2

我使用 Native Base文档作为创建 FooterTab 的基础。

如果我将 Icon 元素添加到按钮，我会收到以下错误：未定义不是来自 FooterTab.js:114 的对象（评估 'child.props.children.props.name'）（已经更改，现在是第 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>

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

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

4

2 回答 2

1

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

import { Icon } from 'native-base';

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

如果不是一个，那么它只会在第 142 行加载“名称”属性，这将导致错误，因为有 2 个子项（“详细信息”文本和图标组件）。

于 2016-11-01T09:57:19.270 回答
0

您指的是以前版本的文档

使用最新文档检查页脚选项卡

您还可以查看NativeBase KitchenSink，它展示了 NativeBase 组件。

检查NativeBase KitchenSink 中的页脚选项卡

于 2016-12-19T05:28:56.927 回答