Исключение в HostFunction: <unknown>при попытке открыть новый экран - PullRequest
Новая
       49

Исключение в HostFunction: <unknown>при попытке открыть новый экран

0 голосов
/ 01 мая 2019

Описание проблемы

Попытка открыть новый экран с помощью Navigation.push(this, { component: { name: 'awesome-places.AuthScreen' }}) И получение ошибки Exepction in HostFunction <unknown>

Снимок экрана ошибки

Шаги кВоспроизведение / фрагменты кода / снимки экрана

Создание приложения RN, установка необходимых модулей (приставка, реакция-восстановление, навигация по собственным направлениям, значки вектора реакции) и запуск кода на устройстве Android.

Добавьте соответствующий код, App.js и компонент, который вызывает ошибку.Я попытался запустить Navigation.push с this.props.componentId, но когда я нажимаю кнопку, нет ответа

App.js 

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

import AuthScreen from './src/screens/Auth/Auth';
import SharePlaceScreen from './src/screens/SharePlace/SharePlace';
import FindPlaceScreen from './src/screens/FindPlace/FindPlace';
import PlaceDetailScreen from './src/screens/PlaceDetail/PlaceDetail';
import configureStore from './src/store/configureStore';

const store = configureStore();

// Register Screens
Navigation.registerComponentWithRedux("awesome-places.AuthScreen", () => AuthScreen, Provider, store);
Navigation.registerComponentWithRedux("awesome-places.SharePlaceScreen", () => SharePlaceScreen, Provider, store);
Navigation.registerComponentWithRedux("awesome-places.FindPlaceScreen", () => FindPlaceScreen, Provider, store);
Navigation.registerComponent("awesome-places.PlaceDetailScreen", () => PlaceDetailScreen);

// Start an App
Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot({
    root: {
      component: {
        name: 'awesome-places.AuthScreen'
      }
    }
  });
});

FindPlace.js 

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { connect } from 'react-redux';
import { Navigation } from 'react-native-navigation';

import PlaceList from '../../components/PlaceList/PlaceList';

class FindPlaceScreen extends Component {
        Navigation.push(this, {
            component: {
                name: 'awesome-places.AuthScreen',
            }
        })

    }

    render () {
        return(
            <View>
                <PlaceList places={this.props.places} onItemSelected={this.itemSelectedHandler} />
            </View>
        );
    }
}

const mapStateToProps = state => {
    return {
        places: state.places.places
    }
}

export default connect(mapStateToProps)(FindPlaceScreen);

Среда

  • React Native Navigation version: 2.17.0
  • React Native версия: 0.59.4
  • Платформа (ы) (iOS, Android илиоба?): Android
  • Информация об устройстве (Симулятор / Устройство? Версия ОС? Отладка / Выпуск?): Android 7.1.2, Отладка

1 Ответ

0 голосов
/ 02 мая 2019

Я заметил, что вы нажимаете на экран с this вместо явного componentId.При вызове Navigation.push первым аргументом должен быть идентификатор компонента.См. документы для справки .

Кроме того, это может не быть проблемой, но registerComponentWithRedux устарело, и вам следует зарегистрировать экран с новым API

...