在react native中从一个屏幕到另一个屏幕检索数据

// 导航到另一个屏幕并传递参数
navigation.navigate('SecondScreen', { itemId: 86, otherParam: 'anything you want here' });

// 在目标屏幕中获取参数
const { itemId, otherParam } = route.params;

npm install redux react-redux @reduxjs/toolkit

// store.js
import { configureStore } from '@reduxjs/toolkit';
import rootReducer from './rootReducer';

const store = configureStore({
  reducer: rootReducer,
});

export default store;

// dataSlice.js
import { createSlice } from '@reduxjs/toolkit';

export const dataSlice = createSlice({
  name: 'data',
  initialState: {
    value: null,
  },
  reducers: {
    setData: (state, action) => {
      state.value = action.payload;
    },
  },
});

export const { setData } = dataSlice.actions;
export default dataSlice.reducer;

// FirstScreen.js
import React from 'react';
import { useDispatch } from 'react-redux';
import { setData } from './dataSlice';

const FirstScreen = () => {
  const dispatch = useDispatch();

  const handlePress = () => {
    dispatch(setData('Some data'));
  };

  return (
    <Button title="Send Data" onPress={handlePress} />
  );
};

export default FirstScreen;

// SecondScreen.js
import React from 'react';
import { useSelector } from 'react-redux';

const SecondScreen = () => {
  const data = useSelector(state => state.data.value);

  return (
    <Text>{data}</Text>
  );
};

export default SecondScreen;