Javascript 使用矢量图标
我在使用react native vector图标包中的图标时遇到问题 以下是我如何导入:Javascript 使用矢量图标,javascript,reactjs,icons,native,Javascript,Reactjs,Icons,Native,我在使用react native vector图标包中的图标时遇到问题 以下是我如何导入: import MaterialIcon from 'react-native-vector-icons/dist/MaterialCommunityIcons'; import FoundationIcon from 'react-native-vector-icons/dist/Foundation'; 以下是我如何使用: <BottomNavigation labe
import MaterialIcon from 'react-native-vector-icons/dist/MaterialCommunityIcons';
import FoundationIcon from 'react-native-vector-icons/dist/Foundation';
以下是我如何使用:
<BottomNavigation
labelColor="white"
rippleColor="white"
style={{ height: 56, elevation: 8, position: 'absolute', left: 0, bottom: 0, right: 0 }}
onTabChange={(newTabIndex) => {return} }
>
<Tab
barBackgroundColor="#37474F"
label="Movies & TV"
icon={<MaterialIcon size={24} color="white" name="tv" />}
/>
<Tab
barBackgroundColor="#00796B"
label="Music"
icon={<FoundationIcon size={24} color="white" name="music" />}
/>
<Tab
barBackgroundColor="#5D4037"
label="Books"
icon={<FoundationIcon size={24} color="white" name="books" />}
/>
</BottomNavigation>
行为是:图标正在显示,但图标错误。材料显示为日语符号,基础为正方形,中间为X。
如何正确导入和使用这些图标?在我的项目中,我使用导入作为:
import Icon from 'react-native-vector-icons/Ionicons'
import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons';
import FoundationIcon from 'react-native-vector-icons/Foundation';
因此,请尝试以以下方式导入:
import Icon from 'react-native-vector-icons/Ionicons'
import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons';
import FoundationIcon from 'react-native-vector-icons/Foundation';
很抱歉,无法对rep的原因进行评论,希望它能起作用。我需要手动链接依赖项并重建项目