[英]React native use vector icons
Im having trouble using icons from react-native-vector-icons package. 我在使用react-native-vector-icons包中的图标时遇到了麻烦。
Here is how i import: 这是我的导入方式:
import MaterialIcon from 'react-native-vector-icons/dist/MaterialCommunityIcons';
import FoundationIcon from 'react-native-vector-icons/dist/Foundation';
Here is how i use: 这是我的用法:
<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>
Behaviour is: icons are displaying, but the wrong icons. 行为是:正在显示图标,但是图标错误。 Material displays as japanese symbol, Foundation as a square with an X in the middle.
材质显示为日文符号,粉底显示为中间带有X的正方形。
How to correctly import and use those icons? 如何正确导入和使用这些图标?
in my projects I'm using the import as: 在我的项目中,我将导入方式用作:
import Icon from 'react-native-vector-icons/Ionicons'
So try just import as: 因此,尝试仅导入为:
import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons';
import FoundationIcon from 'react-native-vector-icons/Foundation';
Sorry, can't comment 'cause of rep, hope it works. 抱歉,无法评论“代表的原因,希望它有用。
我需要手动链接依赖项并重建项目。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.