title: React Native How can I put one view in front of the other
body: <p><strong>I have an View in front of the another View in my React Native code, I would like to change it.</strong></p>
  
  <p><strong>How can I do this?</strong></p>
  
  <p><strong>I tried put position absolute but, it do not works.</strong></p>
  
  <p><strong>Do you have a tip?</strong></p>
  
  <p>**Code JSX Bellow: **</p>
  
  <p>O Do not know what I Can Tell To You, Stack OverFlow Do not Know About it.</p>
  
  <pre><code>&lt;PanGestureHandler
          onGestureEvent={animatedEvent}
          onHandlerStateChange={onHandlerStateChanged}&gt;
          &lt;Animated.View
            style={{
              height: 90,
              width: 90,
              backgroundColor: '#8CC63F',
              borderRadius: 50,
              marginTop: 200,
              transform: [
                {
                  translateX: translateX.interpolate({
                    inputRange: [-120, 0, 120],
                    outputRange: [-100, 0, 120],
                    extrapolate: 'clamp',
                  }),
                },
              ],
            }}&gt;
            &lt;View style={styles.iconContainer}&gt;
              &lt;MaterialCommunityIcons
                style={styles.iconContainer}
                name="racing-helmet"
                size={36}
                color="#fff"
              /&gt;
            &lt;/View&gt;
          &lt;/Animated.View&gt;
        &lt;/PanGestureHandler&gt;
        &lt;View style={styles.iconsNavigation}&gt;
          &lt;MaterialIcons
            style={styles.iconSpace}
            name="cancel"
            size={30}
            color="#707070"
          /&gt;
          &lt;MaterialIcons
            style={styles.iconSpace}
            name="check-circle"
            size={30}
            color="#8CC63F"
          /&gt;
        &lt;/View&gt;
      &lt;/View&gt;
  </code></pre>
  
  <p>Style Code Bellow:   </p>
  
  <pre><code>   iconContainer: {
      justifyContent: 'center',
      alignItems: 'center',
      marginTop: 12,
    },
    iconsNavigation: {
      flexDirection: 'row',
    },
    iconSpace: {
      paddingHorizontal: 125,
      bottom: 60,
    },[![View in front of the other][1]][1]
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/E6TXZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E6TXZ.jpg" alt="Image front"></a>
                                               j dd              dddddddddd<br>
  ssxsxaaxxasxsasssssssssssssssscsccdcdcdccdcdcdcdcddcddcddcdc</p>