【问题标题】:Simple react native app(with react-native-navigation) crash after splash screen启动屏幕后简单的反应本机应用程序(使用反应本机导航)崩溃
【发布时间】:2017-04-02 06:51:29
【问题描述】:

我正在尝试在我的 react-native 中使用 react-native-navigation 作为导航系统。我编写了一个非常简单的应用程序来测试它,但是这个应用程序在启动屏幕后崩溃(没有给我任何错误或信息)。

我的 index.ios.js:

/* eslint-disable no-unused-vars */
import App from './src/app';

我的 app.ios.js:

import {
  Platform
} from 'react-native';
import {Navigation} from 'react-native-navigation';

import { registerScreens } from './screens';
registerScreens(); // this is where you register all of your app's screens

// this will start our app
Navigation.startTabBasedApp({
  tabs: [{
    label: 'One',
    screen: 'AwesomeProject.Home', // this is a registered name for a screen
    icon: require('../img/one.png'),
    selectedIcon: require('../img/one_selected.png'), // iOS only
    title: 'Screen One'
  }]
});

我的screens.js

import { Navigation } from 'react-native-navigation';

import Home from './containers/Home';
import About from './containers/About';

// register all screens of the app (including internal ones)
export function registerScreens() {
  Navigation.registerComponent('AwesomeProject.Home', () => Home);
  Navigation.registerComponent('AwesomeProject.About', () => About);
}

我的 Home.js:

import React, { Component } from 'react';
import { Text } from 'react-native';

class Home extends Component {
  render() {
    return (
      <Text>Home!</Text>
    );
  }
}

export default Home;

我的 About.js:

import React, { Component } from 'react';
import { Text } from 'react-native';

class About extends Component {
  render() {
    return (
      <Text>About!</Text>
    );
  }
}

export default About;

您可以在此处查看完整的要点:https://gist.github.com/inchr/d0184f4ae91abd6036a2fa61725744c9

我已经对如何在 startTabBasedApp() 中加载选项卡进行了非常测试,并且我也尝试只加载一个屏幕。

关于闪屏后崩溃/关闭的原因有什么想法吗?

谢谢。

【问题讨论】:

  • 请将崩溃错误信息添加到您的问题中
  • 2017-04-02 14:54:13.915 [错误][tid:com.facebook.react.JavaScript] 应用程序 AwesomeProject 尚未注册。这可能是由于初始化期间的 require() 错误或调用 AppRegistry.registerComponent 失败。

标签: react-native react-native-navigation


【解决方案1】:

【讨论】:

    猜你喜欢
    • 2022-10-18
    • 1970-01-01
    • 2018-05-05
    • 2020-12-24
    • 1970-01-01
    • 1970-01-01
    • 2021-04-11
    • 1970-01-01
    • 2022-06-23
    相关资源
    最近更新 更多