React-native-vector-icons: font weights

Created on 14 Jul 2016  路  4Comments  路  Source: oblador/react-native-vector-icons

Does this only work with certain icon sets? I have tried numerous combinations:

<Icon name={'chevron-left'} style={{fontWeight:'900'}} color='white' size={28} /> ``<Icon name={'chevron-left'}fontWeight='900' color='white' size={28} />
<Text style={{paddingLeft: 20, paddingTop: 8, fontWeight: '100'}}><Icon name={'chevron-left'} fontWeight='900' color='white' size={28} /></Text>

<Text style={{paddingLeft: 20, paddingTop: 8}}><Icon name={'chevron-left'} fontWeight='900' color='white' size={28} /></Text>

Nothing seems to change the actual weight.

All 4 comments

Yes, icons don't have font weights :-)

But they do have font sizes, haha!

If you would like to use really thin icons you can use my library which just adds another font to react-native-vector-icons with customised thinner Feather icons!

https://github.com/sinodko/react-native-feather1s

Is it possible to consider adding this property?

Was this page helpful?
0 / 5 - 0 ratings