我从react-native-vector-icon的套餐中挑选了一个图标.
以featherIcons为例，我如何将stroke-width属性添加到react-native-vector-icons.
import FeatherIcon from 'react-native-vector-icons/Feather';
<FeatherIcon
style={{strokeWidth: 1}} // stroke width does not exist here
name={'search'}
color={color}
size={22}
/>
我只是想把图标做得厚一点.
为了精确控制图标的外观，包括笔划宽度，我建议使用SVG图标而不是字体图标.像REACT-Native-SVG这样的库使您能够在您的Reaction Native应用程序中直接使用SVG，您可以在其中指定strokeWidth以及其他属性.
import Svg, { Path } from 'react-native-svg';
const CustomIcon = () => (
<Svg height="24" width="24" viewBox="0 0 24 24">
<Path
d="M5,12 L19,12"
stroke="black"
strokeWidth="2" // Here you can set the stroke width
/>
</Svg>
);