Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在React Native中将状态对象传递到屏幕?_Reactjs_React Native - Fatal编程技术网

Reactjs 如何在React Native中将状态对象传递到屏幕?

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

**我想将setScreen对象传递到注册屏幕 请告诉我如何通过它,以便我可以从注册屏幕更改屏幕状态**

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=()=>{
常量[屏幕,设置屏幕]=使用状态(真);
返回(
{屏幕(
) :
}
)
}
导出默认应用程序;