Reactjs 如何在React Native中将状态对象传递到屏幕?
**我想将setScreen对象传递到注册屏幕 请告诉我如何通过它,以便我可以从注册屏幕更改屏幕状态**Reactjs 如何在React Native中将状态对象传递到屏幕?,reactjs,react-native,Reactjs,React Native,**我想将setScreen对象传递到注册屏幕 请告诉我如何通过它,以便我可以从注册屏幕更改屏幕状态** import React, { useState } from 'react'; import 'react-native-gesture-handler'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigati
import React, { useState } from 'react';
import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import AccountScreen from './src/screens/AccountScreen';
import SigninScreen from './src/screens/SigninScreen';
import SignupScreen from './src/screens/SignupScreen';
import TrackCreateScreen from './src/screens/TrackCreateScreen';
import TrackDetailScreen from './src/screens/TrackDetailScreen';
import TrackListScreen from './src/screens/TrackListScreen';
const Stack = createStackNavigator();
const TrackStack = createStackNavigator();
const Tab = createBottomTabNavigator();
const TrackScreenStack = () => {
return (
<TrackStack.Navigator initialRouteName="TrackList">
<TrackStack.Screen
name="TrackList"
component={TrackListScreen}
/>
<TrackStack.Screen
name="TrackDetail"
component={TrackDetailScreen}
/>
</TrackStack.Navigator>
)
}
import React,{useState}来自“React”;
导入“反应本机手势处理程序”;
从'@react-navigation/native'导入{NavigationContainer};
从'@react navigation/stack'导入{createStackNavigator};
从“@react navigation/bottom tabs”导入{createBottomTabNavigator};
从“./src/screens/AccountScreen”导入AccountScreen;
从“/src/screens/signnscreen”导入signnscreen;
从“./src/screens/SignupScreen”导入SignupScreen;
从“/src/screens/TrackCreateScreen”导入TrackCreateScreen;
从“./src/screens/TrackDetailScreen”导入TrackDetailScreen;
从“/src/screens/TrackListScreen”导入TrackListScreen;
const Stack=createStackNavigator();
const TrackStack=createStackNavigator();
const Tab=createBottomTabNavigator();
常量TrackScreenStack=()=>{
返回(
)
}
**这里我已经声明了state对象
我希望在注册屏幕上传递它
这样我就可以在屏幕堆栈之间切换**
const App = () => {
const [screen, setScreen] = useState(true);
return (
<NavigationContainer>
{screen ? (
<Stack.Navigator initialRouteName="Signup">
<Stack.Screen
name="Signup"
component={SignupScreen}
/>
<Stack.Screen
name="Signin"
component={SigninScreen}
/>
</Stack.Navigator>
) :
<Tab.Navigator>
<Tab.Screen
name="Track"
component={TrackScreenStack}
/>
<Tab.Screen
name="Account"
component={AccountScreen}
/>
<Tab.Screen
name="TrackCreate"
component={TrackCreateScreen}
/>
</Tab.Navigator>
}
</NavigationContainer>
)
}
export default App;
const-App=()=>{
常量[屏幕,设置屏幕]=使用状态(真);
返回(
{屏幕(
) :
}
)
}
导出默认应用程序;