React native 如何在react Native中使用选项卡导航传递数据?(导航)?
这是我的Main.js文件,其中包括我的“Tab”组件 Main.jsReact native 如何在react Native中使用选项卡导航传递数据?(导航)?,react-native,react-navigation,tabnavigator,React Native,React Navigation,Tabnavigator,这是我的Main.js文件,其中包括我的“Tab”组件 Main.js <View> </Tab> </View> 这是我的游戏标签: const gameTab = TabNavigator({ t1: { screen: mainlist, navigationOptions: { title : 'tab1', header:null}}, t2: { screen: Abc, navigationOptions:
<View>
</Tab>
</View>
这是我的游戏标签:
const gameTab = TabNavigator({
t1: { screen: mainlist, navigationOptions: { title : 'tab1', header:null}},
t2: { screen: Abc, navigationOptions: { title : 'tab2', header:null}},
t3: { screen: Abc, navigationOptions: { title : 'tab3', header:null}},
t4: { screen: Abc, navigationOptions: { title : 'tab4', header:null}},
t5: { screen: Abc, navigationOptions: { title : 'tab5', header:null}},
},{
tabBarComponent: TabBarTop,
tabBarPosition: 'top',
animationEnabled: true,
swipeEnabled: false,
lazy: false,
tabBarOptions: Platform.OS === 'ios' ? iosGameTabOption :
androidGameTabOption,
});
export default gameTab;
最后,这是我的mainlist.js:
....
let arr = [[1,2,3], [2,3,4], [3,4,5]];
....
所以我的问题是:
我在mainlist.js中有一个数组,我想将它传递回Main.js。
我该怎么做
我知道我可以使用屏幕道具将数据从Main.js发送到mainlist.js,但我不知道如何将其发送回去
提前感谢 由于您的数据是静态的,或者不随打开的选项卡而变化,因此您只需从
mainlist.js
导出数组即可
// mainlist.js
let arr = [[1,2,3], [2,3,4], [3,4,5]];
export default { arr };
并将该数组导入到所需的每个选项卡中
// Abc tabs components. Abc.js
import { arr } from "./mainlist.js";
并根据您的需要使用数据。您还可以使用redux并维护包含数据的全局树
如果您决定动态更改选项卡,您可以向每个屏幕传递参数。
有关更多信息:
// Abc tabs components. Abc.js
import { arr } from "./mainlist.js";