Пустой белый экран с использованием реагирующей навигации в IOS - PullRequest
Новая
       30

Пустой белый экран с использованием реагирующей навигации в IOS

0 голосов
/ 22 марта 2019

Я хочу запустить новый проект в собственном приложении.Я не получаю ошибки, но мое приложение в моем эмуляторе показывает только пустую страницу.

Сначала я написал react-native init AwesomeProject для создания нового проекта.

Затем я попытался реализовать свою навигацию реагирования, как показано ниже: 

import { createAppContainer, createSwitchNavigator, createStackNavigator } from 'react-navigation';

import Home from './MainTabNavigator';
import SignInScreen from './SignInScreen';
import Setting from './SettingScreen';
import Articles from './ArticleScreen';
import SignUp from './SignUpScreen';
import Category from './SelectCategory';

export default createAppContainer(createSwitchNavigator({
        Auth: SignInScreen,
        Main: Home,
        Setting: Setting,
        SignUp: SignUp,
        SelectCategory: Category
    },
    {
      initialRouteName:'Auth',
    }
));

также я реализовал свой package.json, как показано ниже, и затем использовал npm install

{
  "name": "AwesomeProject",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "axios": "0.18.0",
    "native-base": "^2.0.6",
    "react": "16.8.3",
    "react-native": "0.59.1",
    "react-native-animatable": "1.3.0",
    "react-native-autoheight-webview": "^1.0.1",
    "react-native-banner-carousel": "1.0.3",
    "react-native-elements": "0.19.1",
    "react-native-form-builder": "^1.0.16",
    "react-native-gesture-handler": "^1.1.0",
    "react-native-html-to-text": "^0.0.5",
    "react-native-image-header-scroll-view": "0.8.2",
    "react-native-keyboard-aware-scroll-view": "^0.8.0",
    "react-native-paper": "2.2.8",
    "react-native-webview": "^5.2.1",
    "react-native-webview-autoheight": "^1.0.6",
    "react-navigation": "^3.5.1"
  },
  "devDependencies": {
    "@babel/core": "7.4.0",
    "@babel/runtime": "^7.4.2",
    "babel-jest": "24.5.0",
    "jest": "24.5.0",
    "metro-react-native-babel-preset": "0.53.1",
    "react-test-renderer": "16.8.3"
  },
  "jest": {
    "preset": "react-native"
  }
}

Но когда я запускаю react-native run-ios, я получаю белую пустую страницу.

также мой App.js выглядит следующим образом: 

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import AppNavigator from './navigation/AppNavigator';


type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
        <AppNavigator/>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  }
});

Если я напишу <Text>Hello</Text> в моем app.js, то моя пустая страница покажет эту страницу сама.Здесь вы можете увидеть это: https://ibb.co/3vFS8jV

что мне делать?

1 Ответ

1 голос
/ 23 марта 2019

Проблема в классе View в App.js.

Обратите внимание, что если вы дадите backgroundColor своему app.js, то ваш app.js не будет отображать ваш навигатор.

На самом деле ваш контейнер накрывает ваш AppNavigator.

...