Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 世博会背景_Javascript_React Native_Svg_Expo - Fatal编程技术网

Javascript 世博会背景

Javascript 世博会背景,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"

如何使SVG文件成为组件的背景图像?我已经使用了react原生svg

<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>