>source

my index.js 파일은 이와 같습니다.

import {AppRegistry} from 'react-native';
import Navigation from "./Button/Navigation";
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, ()=> Navigation);

navigation.js 파일은 다음과 같습니다.

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import gameScreen from '../screens/gameScreen'
import RouletteScreen from '../GameScreen/RouletteScreen'
const Stack= createStackNavigator();
function Navigation() {
  return (
    <NavigationContainer>      <Stack.Navigator initialRouteName="Home">        <Stack.Screen name="gameScreen" component={gameScreen} />        <Stack.Screen name="RouletteScreen" component={RouletteScreen} />      </Stack.Navigator>    </NavigationContainer>  );
}
export default Navigation ;

buttonscreen.js 파일은 다음과 같습니다.

import React, { Component } from 'react'
import { StyleSheet, Text, View, TouchableOpacity,Image,Alert } from 'react-native';
const ButtonScreen= props=> {
    const content= (
        <View style= {[styles.button]}>            <Image source={require('../assets/icon/룰렛.png')} style={{
            transform: [{scale: 0.37}],
        }}
                />        </View>    )
    return (
    <TouchableOpacity  onPress={()=> props.navigation.navigate("RouletteScreen")}
    >{content}</TouchableOpacity>    )
}
const styles= StyleSheet.create ({
    button: {
        top: 60,
        flexDirection: 'row',
        alignItems: 'center',
        height: '30%',
        width: '100%',
    },
})
export default ButtonScreen;

어떻게이 작업을 처리합니까? 나는 초보자 야. 나는 새로운 페이지에서 일하고 있지만 오류가 계속 발생합니다. 이것은 나에게 힘든 시간을주고 있습니다. 좀 도와주세요. 현재 오류가 있습니다. TypeError : undefined는 오브젝트 'object.keys (routeconfigs)'

빠른 눈빛에서 initialRoutename= "home"을 설정했지만 스택 네비게이터에서 홈이라는 경로가 보이지 않습니다.

Baily2021-05-12 01:09:12
  • 이전 javascript : vue 루프 배열 개체 폼 체크 박스
  • 다음 python : 다른 배경, 크기 및 차원이 다른 이미지에서 동일한 개체를 식별하는 방법