Компонент формы response-native-elements вызывает ошибку «Нарушение инварианта» - PullRequest
Новая
       7

Компонент формы response-native-elements вызывает ошибку «Нарушение инварианта»

0 голосов
/ 06 января 2019

Я использую образец, указанный здесь Но это бросает Invariant Violation: element Type is invalid: expected a string страница ошибки.

Компонент кнопки работает нормально, но почему-то компонент Forms вызывает эту проблему,

Кто-нибудь раньше использовал компонент формы пакета response-native-elements и знает, как это исправить?

Здесь код: 

import React, { Component } from 'react';
import { View, Text,StyleSheet } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';
import { Input, Button, FormLabel, FormInput, FormValidationMessage } from 'react-native-elements';

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  Login = ()=>{
  }
  onChangeText=()=>{
  }
  render() {
    return (
      <View style={styles.container}>
      <View style={styles.headerContainer}>
        <Text> Login Page </Text>
      </View>
      <View style={styles.inputContainer}>
      <FormLabel>Name</FormLabel>
      </View>
      <View style={styles.buttonContainer}>
      <Button
  large
  icon={{name: 'key', type: 'octicon', buttonStyle: styles.someButtonStyle }}
  title='Oturum Aç' onPress={()=>this.Login()} />
      </View>
      </View>
    );
  }
}

package.json: 

  "dependencies": {
    "react": "16.6.3",
    "react-native": "0.57.8",
    "react-native-elements": "^1.0.0-beta7",
    "react-native-vector-icons": "^6.1.0"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.5",
    "react-test-renderer": "16.6.3"
  },

1 Ответ

0 голосов
/ 06 января 2019

Какую версию response-native-elements вы используете? Я уже видел эту ошибку раньше, и она была связана с использованием компонента, который не был поддержан установленной версией response-native-elements.

Я вижу, что вы импортируете и Input, и FormLabel, но я считаю, что Input поддерживается только в бета-версии v1.0.0, в то время как FormLabel больше не поддерживается в бета-версии v1.0.0.

...