javascript - how to use full screen background image svg in react native and one more svg in background svg

Question

I am working in react native and I am trying to add fullscreen background SVG and one more SVG in background SVG. I used this package and I also try many solutions from google. I am able to add one SVG but don't know how to add other components to it.

import { View, ImageBackground } from 'react-native';
import { SvgXml } from 'react-native-svg';
import { splash_logo} from '../assets/svgImages';

<ImageBackground source={require("../assets/splash.png")} style={[{width: '100%', height: '100%'},styles.splash_container]}>
   <SvgXml xml={splash_logo}/>
</ImageBackground>

The above example is working fine but I want to use SVG in place of the png image. When I add SvgXml instead of ImageBackground then the outer SVG cover the full page and the inner SVG and any other components inside that don't show.

<SvgXml xml={Login_background}>
  <SvgXml xml={splash_logo}/>
<SvgXml/>

question from:https://stackoverflow.com/questions/65646574/how-to-use-full-screen-background-image-svg-in-react-native-and-one-more-svg-in

Answer 1

Waitting for answers