Мой заставка не будет переходить к следующему экрану на реагировать родной - PullRequest
Новая
       41

Мой заставка не будет переходить к следующему экрану на реагировать родной

0 голосов
/ 21 февраля 2019

Я новичок в реакции native и пытаюсь создать приложение для iOS.Мой заставка работает нормально и загружает начальный экран App.js при создании проекта нормально.Однако, когда я изменяю возврат на свой собственный файл .js, он не может быть собран и застревает на заставке.Пожалуйста, дайте мне несколько советов, я следовал многим учебникам.

App.js 

// App.js

import React, { Component } from 'react';
import SplashScreen from 'react-native-splash-screen';

import GetStarted from './authentication/GetStarted'
import { createStackNavigator, createAppContainer } from 'react-navigation'

const AuthNav = createAppContainer(
  createStackNavigator({
    GetStarted: { screen: GetStarted },
  })
);

type Props = {};
export default class App extends Component<Props> {

  componentDidMount() {
    SplashScreen.hide()
  }

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

GetStarted.js 

//GetStarted.js
import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
} from 'react-native';

export default class GetStarted extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Lets get started</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItem: 'center',
    justifyContent: 'center',
    backgroundColor: 'blue'
  }
});

package.json 

{
"name": "TestApp",
"version": "0.0.1",
"private": true,
"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
},
"dependencies": {
    "react": "16.6.3",
    "react-native": "0.58.3",
    "react-native-firebase": "^5.2.2",
    "react-native-navigation": "^2.12.0",
    "react-native-splash-screen": "3.0.6",
    "react-navigation": "^3.3.0"
},
"devDependencies": {
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "24.0.0",
    "jest": "24.0.0",
    "metro-react-native-babel-preset": "0.51.1",
    "react-test-renderer": "16.6.3"
},
"jest": {
    "preset": "react-native"
}
}

1 Ответ

0 голосов
/ 21 февраля 2019

Вы используете "react-navigation": "^3.3.0" и пытаетесь импортировать StackNavigator.В v2+ они переименованы StackNavigator в createStackNavigator.Похоже, что вы использовали учебник v1.Таким образом, вы можете изменить версию, которую вы используете, на "react-navigation": "^1.5.2" или остаться и использовать createStackNavigator.Если вы решите придерживаться версии, в которой вы находитесь (v2+), прочитайте еще один из моих ответов на эту же проблему здесь ;это объяснит дальше.

...