как исправить "не удается найти метод 'getConstants ()'" в реагировать родной - PullRequest
Новая
       52

как исправить "не удается найти метод 'getConstants ()'" в реагировать родной

2 голосов
/ 05 апреля 2019

всем доброго времени суток,

Я работаю над собственным реактивным проектом, и я только что установил модуль react-native-navigation и следовал инструкциям, приведенным в документации.

Я сделал gradlew clean для очистки приложения перед запуском.как только я запустил приложение, я получаю пустой экран в эмуляторе Android и предупреждающее сообщение в консоли окна отладчика js.

Невозможно определить метод 'getConstants ()' в NativeModule 'RNNBridgeModule'.NativeModule «RNNBridgeModule» уже имеет константу или метод, называемый «getConstants».Пожалуйста, удалите его.

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

это компоненты, которые я создал до сих пор: 

import React from 'react';
import {
  View,
  Text,
  TextInput,
  TouchableOpacity,
  Image,
  StyleSheet,
  Dimensions
} from "react-native";
import Icon from 'react-native-vector-icons/MaterialIcons'
import { colors, fontSizes, dimensions } from '../../styles/base.js';
import showToast from '../generic/Toast';

export default class Login extends React.Component {
  constructor() {
    super();
    this.state = {
      username: '',
      password: ''
    }
  }

  render() {
    return (
      <View style={styles.login}>
        <Image 
          source={require('../../img/logo.png')}
          style={styles.img}
          resizeMode="contain"
          resizeMethod="scale"
        />
        <TextInput

          onChange={uname => this.setState({ username: uname })}
          placeholder={"Username"}
          style={styles.input}
        />
        <TextInput
          onChange={pwd =>
            this.setState({
              password: pwd
            })
          }
          placeholder={"Password"}
          style={[styles.input, styles.password]}
          secureTextEntry={true}
        />
        < TouchableOpacity onPress = {
          () => {/*showToast({
            msg: dimensions.fl + " " + dimensions.fw
          })*/
          console.log("height: "+ dimensions.fl);
          console.log("width: "+ dimensions.fw);
          }} >
          <Text style={styles.btn}>Login</Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => console.log("settings...")} style={styles.iconBtn}>
          <Icon name="settings" size={35} style={styles.icon} />
        </TouchableOpacity>
      </View>
    );
  }
}

let width,mbi,mtb,mtp;
if(dimensions.fw <= 568) {
  width = "90%";
  mbi = 10;
  mtb = 15;
  mtp = 10;
  fontSize = fontSizes.textSizeSmall;
} else if (dimensions.fw > 586 && dimensions.fw <= 768) {
  width = "80%";
  mbi = 20;
  mtb = 25;
  mtp = 20;
  fontSize = fontSizes.textSizeMedium;
} else if (dimensions.fw > 768) {
  width = "65%";
  mbi = 60;
  mtb = 35;
  mtp = 30;
  fontSize = fontSizes.textSizeLarge
}

const styles = StyleSheet.create({
  login: {
    width: "100%",
    height: "100%",
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: colors.sky
  },
  input: {
    height: 55,
    width,
    borderBottomWidth: 1,
    borderBottomColor: colors.red,
    fontSize
  },
  password: {
    marginTop: mtp
  },
  btn: {
    paddingTop: 15,
    paddingBottom: 15,
    paddingLeft: 40,
    paddingRight: 40,
    color: colors.light,
    backgroundColor: colors.darksky,
    fontSize,
    marginTop: mtb
  },
  img: {
    width: "80%",
    height: "50%",
    marginBottom: mbi,
    marginTop: "-8%"
  },
  icon: {
    marginRight: 25,
    marginBottom: 15,
    color: colors.dark
  },
  iconBtn: {
    alignSelf: "flex-end",
    position: "absolute",
    bottom: 0
  }
});

import React, { Component } from 'react';
import Toast from 'react-native-root-toast';

export default showToast = (props) => {
    return Toast.show(props.msg, {
        duration: Toast.durations.LONG,
        position: Toast.positions.BOTTOM,
        shadow: true,
        hideOnPress: true,
        animation: true,
        delay: 500,
        backgroundColor: props.backgroundColor || "black",
        shadowColor: props.shadowColor || "gray",
        textColor: props.textColor || "white",
        containerStyle: {
            width: "100%",
            borderRadius: 0,
            paddingBottom: 10
        }
    })
}

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

спасибо всемза ваше время и советы.

Ответы [ 2 ]

1 голос

В моем случае создайте новый проект RSN, и я следовал инструкциям https://wix.github.io/react-native-navigation/#/docs/Installing, но без замены версий в build.gradle, и это работает для моего

0 голосов
/ 05 апреля 2019

@ chawki challadia вместе с последними версиями реагирования-навигации, вам также нужно установить обработчик жестов (npm install --save Reaction-native-жест-обработчик), который упоминается здесь https://reactnavigation.org/docs/en/getting-started.html. Вот почему вы получать предупреждение. Также не забудьте связать библиотеку обработчиков жестов с реагирующим-родным соединением реагирующим-родным-жестом-обработчиком. Должно работать нормально.

...