Jestem początkującym w reagującym i mam wdrożenie nawigacji stosu w mojej aplikacji. Próbuję zrobić mój app.js renderować mojego home.js jako domyślny ekran. Mam nadzieję, że użyję app.js jako ekranu głównego i dodałem kolejny ekran logowania, ale nie mogłem. Nie mogę wydać się, co jest nie tak, tylko dostaję tylko kod błędu odpowiedzi: 500. To jest kod dla aplikacji.js

import React from 'react';
import { StyleSheet, Text, View, Button, KeyboardAvoidingView } from 'react-native';
import {createStackNavigator, createAppContainer} from 'react-navigation'

import Home from './Screens/Home';

const AppNavigator = createStackNavigator({
  Home: {screen: Home},
});

export default class App extends React.Component {

  render() {
    return (
      <AppNavigator />
    );
  }
}

To jest mój plik home.js.

import React from 'react';
import { StyleSheet, Text, View, Button, KeyboardAvoidingView } from 'react-native';
import {StackNavigator, createStackNavigator, createAppContainer} from 'react-navigation'


export default class Home extends React.Component {
  static navigationOptions = {
    title: 'Home',
  }

  render() {
    const { navigate } = this.props.navigation;
    return (
      <View>
        <Text>This is the Home HomeScreen</Text>
      </View>
    );
  }
}
0
Daliseiy 24 luty 2019, 13:01

2 odpowiedzi

Najlepsza odpowiedź

Zapomniałeś o utworzeniu kontenera aplikacji, spójrz na ten link HTTPS: / /reacctnavigation.org/docs/en/hello-react-navigation.html.

import React from 'react';
import { StyleSheet, Text, View, Button, KeyboardAvoidingView } from 'react-native';
import {createStackNavigator, createAppContainer} from 'react-navigation'

import Home from './Screens/Home';

const AppNavigator = createStackNavigator({
  Home: {screen: Home},
});

const AppContainer = createAppContainer(AppNavigator);

export default class App extends React.Component {

  render() {
    return (
      <AppContainer />
    );
  }
}
1
David Vittori 24 luty 2019, 10:09

Myślę, że przegapiłeś "CreatepContainer". Wypróbuj kod w następujący sposób.

const AppStackNavigator = createStackNavigator({
  Welcome: {
   screen: WelcomeScreen,
     }
 });

const AppNavigator = createAppContainer(AppStackNavigator);

A następnie użyj appnavigatora w renderowaniu.

0
Arvindh 24 luty 2019, 10:13