我已经创建了SVG组件的所有svg的。我只是想改变宽度高度与 prop ,但我不知道。我用这样的图标现在<SVGCustomIcon name="InboxMenu" />
。我怎么也可以添加宽度高度 prop ?
自定义SVG组件
const icons: SVGCustomIconMap = {
InboxMenu: (
<Svg width={18} height={20} viewBox="0 0 18 20" fill="none">
<Path
d="M11.25 17.5c0 .629-.262 1.3-.73 1.77-.47.468-1.141.73-1.77.73a2.5 2.5 0 01-1.77-.73 2.563 2.563 0 01-.73-1.77h5z"
fill="#949494"
/>
.....
),
ProfileMenu: (
<Svg width={20} height={22} viewBox="0 0 20 22" fill="none">
......
),
};
const SVGCustomIcon = ({ name }: SVGCustomIconProps) => {
return <>{icons[name] ? icons[name] : null}</>;
};
export default SVGCustomIcon;
type.ts
export type SVGCustomIcon = React.SVGProps<SVGSVGElement>;
export interface SVGCustomIconMap {
[key: string]: SVGCustomIcon;
}
export interface SVGCustomIconProps {
name: string;
}
3条答案
按热度按时间vfh0ocws1#
你可以试试这个
gr8qqesn2#
我会尝试在svg组件中添加一个'preserveAspectRatio=“none”。我不经常使用React Native,但我依稀记得这个问题。
c90pui9n3#