React中如何从Stack.Screen组件修改App.js内的变量？

你当前的核心实现方向是正确的，通过isSignedIn状态切换两套独立导航栈，是React Navigation官方推荐的鉴权路由实现方案。你现在卡壳的本质原因是：isSignedIn是App.js内的状态，子页面SignInScreen没有拿到这个状态的更新方法，没法直接修改顶层状态。

1. 修改App.js，定义响应式状态并透传更新方法 #

首先你不能把isSignedIn定义成普通变量，必须用useState声明为响应式状态，状态变化时页面才会自动重渲染切换导航栈。之后通过路由初始参数，把状态的更新方法传递给SignIn页面，修改后代码如下：

// App.js 顶部引入useState
import { useState } from 'react';

// App组件内声明状态
// 初始值可以配合AsyncStorage读取本地缓存的token做自动登录，这里先默认未登录
const [isSignedIn, setIsSignedIn] = useState(false);

return (
  <NavigationContainer>
    {
      isSignedIn ? (
        <Stack.Navigator>
          <Stack.Screen name="Home" component={HomeScreen} />
          <Stack.Screen name="Profile" component={ProfileScreen} />
          <Stack.Screen name="Settings" component={SettingsScreen} />
        </Stack.Navigator>
      ) : (
        <Stack.Navigator>
          <Stack.Screen 
            name="SignIn" 
            component={SignInScreen}
            // 把状态更新方法通过初始参数传给登录页
            initialParams={{ setIsSignedIn }}
          />
          <Stack.Screen name="SignUp" component={SignUpScreen} />
        </Stack.Navigator>
      )
    }
  </NavigationContainer>
);

2. 修改SignInScreen.jsx，登录成功后调用状态更新方法 #

在SignIn页面从路由参数里拿到传过来的setIsSignedIn方法，接口请求成功拿到token之后，先存本地再调用方法更新状态即可，修改后代码如下：

// 组件直接接收route入参即可，不需要额外引入hook
const SignInScreen = ({ route }) => {
  // 从路由参数中解构出状态更新方法
  const { setIsSignedIn } = route.params;

  const submitLogin = async () => {         
    try {
      const data = await axios.post(apiUrl, {username: email, password: password, auth: auth})
      const token = data.data.data.jwt
      // 先把token存到本地持久化，比如AsyncStorage，避免重启APP登录态丢失
      // await AsyncStorage.setItem('access_token', token)
      // 更新全局登录状态，页面会自动切换到已登录导航栈
      setIsSignedIn(true)
    }
    catch (err) {
      setMessage('Invalid credentials. Please try again.')
    }
  }

  // 其余页面渲染、状态逻辑保持不变
}

• 不要用navigation.navigate('Home')的方式处理登录后的跳转，这种方案会保留登录路由栈，用户按物理返回键会退回登录页，体验不符合预期
• 生产环境建议在App启动时先读取本地存储的token校验有效性，再给isSignedIn设初始值，实现免登录效果
• 如果项目后续有很多全局状态需要跨页面共享（比如用户信息、主题配置等），可以换用Context或者轻量状态管理库（Zustand、Jotai）替代路由传参，维护成本更低

内容的提问来源于stack exchange，提问作者Rollor