【发布时间】:2016-02-25 02:10:20
【问题描述】:
我对@987654321@ 有点陌生,所以我在阅读文档时可能没有理解这一点。我在 ios 应用中有一个标签栏,有 2 个标签。
目前,其中一个选项卡的视图代码与加载选项卡栏的页面位于同一文件中(我称之为HomeTab)。第二个选项卡(调用Tab2)包含第二个选项卡的视图代码,位于单独的.js 页面中,并加载到HomeTab。
我在将 HomeTab 状态下的信息传递给 Tab2 时遇到问题,并且不想像为 Tab1 所做的那样将所有 Tab2 写入 HomeTab,因为我会得到一个非常大的文件。
代码结构有点像这样:
{View Code for Tab 1 here}
<TabBarIOS selectedTab={this.state.selectedTab}>
<TabBarIOS.Item
selected={this.state.selectedTab === 'Tab1'}
title = "Tab1"
icon = {require('image!Tab1')}
onPress={() => {
this.setState({
selectedTab: 'Tab1'
}
);
}}>
// Call Tab1 View here
</TabBarIOS.Item>
<TabBarIOS.Item
selected={this.state.selectedTab === 'Tab2'}
title = "Tab2"
icon = {require('image!Tab2')}
onPress={() => {
this.setState({
selectedTab: 'Tab2'
}
);
}}>
<Tab2/>
</TabBarIOS.Item>
直觉上我觉得我所做的只是将代码放在一个单独的文件中,因此两个选项卡应该具有相同的状态,但是当我从我的状态打印出任何内容时,它是未定义的。任何意见,将不胜感激!谢谢。
【问题讨论】:
标签: ios reactjs tabs react-native