这是我在 StackOverflow 上的第一篇文章,如果我没有遵循正确的格式,我深表歉意。
我正在构建我的第一个应用程序,tab navigator from React Navigation v 5.x并且在将道具从一个屏幕传递到另一个屏幕时遇到了一个大问题
我想要实现的是:
我已经尝试过这个(我没有设置道具传递下去),这个(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