小编wee*_*urt的帖子

如何使用选项卡导航器将道具传递给 Screen 组件?

这是我在 StackOverflow 上的第一篇文章,如果我没有遵循正确的格式,我深表歉意。

我正在构建我的第一个应用程序,tab navigator from React Navigation v 5.x并且在将道具从一个屏幕传递到另一个屏幕时遇到了一个大问题

我想要实现的是:

  1. 在我的一个屏幕中更改数据列表。
  2. 让这些更改影响另一个屏幕上发生的事情。

我已经尝试过这个(我没有设置道具传递下去),这个(react-navigation 的弃用版本)和这个(react-navigation 的旧版本)。

和 Redux,但当前版本的 React 导航没有可用的示例。

我已经对此束手无策了,真的需要逐步了解如何实现这一目标。这是我想要做的粗略草图:

在此处输入图片说明

我想到的方法是通过回调将父状态作为道具发送下来,但是我找不到通过最新版本的反应导航中的屏幕组件发送道具的方法......

这是我的导航设置:

const Tab = createBottomTabNavigator()

export default class MyApp extends Component{

    constructor(props) {
        super(props);
    }

    render(){
        return (
            <NavigationContainer>
                <Tab.Navigator 
                    screenOptions={({ route }) => ({
                        tabBarIcon: ({ focused, color, size }) => {
                            let iconName;

                            if (route.name === 'My tests') {
                                iconName = focused ? 'ios-list-box' : 'ios-list';
                            } else …
Run Code Online (Sandbox Code Playgroud)

parameter-passing reactjs react-native react-redux react-props

25
推荐指数
4
解决办法
2万
查看次数