react-native - 当我从 React Native Elements 放置表单元素时出错

Question

我正在制作一个 LoginScreen，但是当我尝试放置 Form 元素时，这会引发我一个错误。

这是代码：

import React, { Fragment, Component } from 'react';
import { StyleSheet, Image, StatusBar, View, Text } from 'react-native';
import { FormLabel, FormInput, FormValidationMessage } from 'react-native-elements'
import normalize from '../components/Utils';

class LoginScreen extends Component{
    render(){
        return(
            <Fragment>
                <StatusBar backgroundColor="#14246C" barStyle="light-content" style={{ flexDirection: 'column' }} />
                <Image source={require('../img/background-login.jpg')} style={styles.backgroundImage}/>

                <View style={styles.loginForm}>
                    <Text style={styles.loginTitle}>Inicio de sesión</Text>

                    <FormLabel>Usuario</FormLabel>
                    <FormInput onChangeText="Tu nombre de usuario"/>
                    <FormValidationMessage>Error message</FormValidationMessage>
                </View>
            </Fragment>
        );
    }
}

错误：

Invariant violation: Element type is invalid: expected a string  (for built-in components) or a class/function (for composite components) but got undefined. You likely forgot to export your component from the file it's defined in, or you might mixed up default and named imports.

标签： react-native

Answer 1

问题不在于“react-native-elements”，但您需要为命名或默认导出组件。

export default class <className> extends Component{
 render(){
   return(
     <your component>
   )
 }
}