Question

错误：始终违反：元素类型无效：预期为字符串或函数，但得到：未定义。

我已经到处寻找解决方案，但可以找到一个解决方案。导致此问题的常见原因不是导出类，但我已经做到了。

检查EntryListScreen的呈现方法：

    import { withNavigation } from 'react-navigation';

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


    import EntryList from './EntryList';

    class EntryListScreen extends React.Component{
    render(){
                var stateSticky = this.fetchParam("sticky");
                var stateCategory = this.fetchParam('category', 'all');
                return(
                <View style={{flex: 1, flexDirection:'column'}}>   
                {/*<Text>[DEBUG EntryListScreen] Category: {stateCategory} Sticky: {stateSticky}</Text>*/}
                <EntryList propCategory={stateCategory} propSticky={stateSticky}  style={{flex:1}}/>
                <View style={{flex:1}}>
                    <Icon
                        onPress={() => Alert.alert('Vote Down','Noch nicht verfügbar')}
                        name="call-received"
                        color="white"
                        />
                </View>
                </View>
                );
            }
       }

export default withNavigation(EntryListScreen);

如果我将图标替换为按钮，则效果很好：

<Button
            onPress={() => this.props.navigation.navigate('Search')}
            title="Suchen"
            color="#a74f13"
        />

我的应用程序其他部分也存在此错误，找不到原因。

Answer 1

import {
        Icon,
        SearchBar
      } from 'react-native'

不要从反应本机导入它们，它们是分开的。

  import { SearchBar } from 'react-native-elements'

或

  import { Icon } from 'react-native-elements'

甚至在导出后也不会违反

1 个答案: