时间戳

首页 > 解决方案 > 反应本机向量 incons 问题

reactjs - 反应本机向量 incons 问题

问题描述

我花了很多时间来解决这个问题，但找不到解决方案。Pease 需要您的帮助，了解如何从反应矢量图标中获取图标。在我的代码和 package.json 文件下方。我只想在导航栏中添加一个菜单图标...感谢您的帮助

import React from 'react';
   import {View, Text, StyleSheet, Image, TouchableOpacity} from 'react-native';
   // import {FiMenu} from 'react-icons/fi';
   //import MenuIcon from '@material-ui/icons/Menu';
   import Icon from 'react-native-vector-icons/';
   const MenuNav = ({navigation}) => {
     const showDrawer = () => {
    navigation.openDrawer();
   };



 return (
    <View style={styles.menucontainer}>
      <TouchableOpacity style={styles.img} onPress={showDrawer}>
        <Image source={require('../imgs/menu.png')} />
        <Icon
          name="check"
          color="rgba(0, 0, 0, 0.38)"
          size={25}
          type="entypo"
        />
      </TouchableOpacity>
      <Text style={styles.text}>Menu</Text>
    </View>
    );
   };



 "dependencies": {
    "@material-ui/core": "^4.10.2",
    "@material-ui/icons": "^4.9.1",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-navigation/drawer": "^5.8.2",
    "@react-navigation/native": "^5.5.1",
    "@react-navigation/stack": "^5.5.1",
    "react": "16.11.0",
    "react-icons": "^3.10.0",
    "react-native": "0.62.2",
    "react-native-gesture-handler": "^1.6.1",
    "react-native-reanimated": "^1.9.0",
    "react-native-safe-area-context": "^3.0.5",
    "react-native-screens": "^2.8.0",
    "react-native-vector-icons": "^6.6.0"
   },

错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认值

并命名进口。

标签： reactjsvectoriconsnative

解决方案

您正在Icon以错误的方式导入。

在react-native-vector-icons你应该这样做：

import Icon from 'react-native-vector-icons/SimpleLineIcons'
// and replace SimpleLineIcons with the set of icons you want to use

在这里你有完整的集合列表。

推荐阅读