Javascript 世博会背景
如何使SVG文件成为组件的背景图像?我已经使用了react原生svgJavascript 世博会背景,javascript,react-native,svg,expo,Javascript,React Native,Svg,Expo,如何使SVG文件成为组件的背景图像?我已经使用了react原生svg <Container style={{ marginVertical: 150, margin: 20 }}> <Svg width="360" height="640" fill="none"> <Path d="M0 0h360v640H0z"
<Container style={{ marginVertical: 150, margin: 20 }}>
<Svg width="360" height="640" fill="none">
<Path
d="M0 0h360v640H0z"
fill="red"
/>
</Svg>
</Container>
如果您的用例可能,请将svg保存到文件中,然后您可以将其设置为css
背景图像:url(.svg)组件的代码>。您甚至可以引用svg文件的子组件,请参见
{儿童}
也许这段代码可以工作,因为的实现是这样的。svg在后台,所有子项(组件)都在前台。您好,谢谢您的回答,但是如何删除填充属性并仅使用svg文件呢?我想这是path组件的问题。当我使用带有特定属性的路径时,我只看到一个矩形。react native不支持css代码背景url。
<View>
<Svg width="360" height="640" fill="none" style={StyleSheet.absoluteFill}>
<Path
d="M0 0h360v640H0z"
fill="red"
/>
</Svg>
{children}
</View>