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