如何在react原生android中将一个视图重叠到另一个视图上

const styles = StyleSheet.create({
  overlayView: {
    position: 'absolute',
    top: 0,
    left: 0,
    width: '100%',
    height: '100%',
    backgroundColor: 'rgba(0, 0, 0, 0.5)', // 设置透明度为0.5的背景颜色
    zIndex: 1, // 设置z-index为1，确保该视图在其他视图上方
  },
});

import React from 'react';
import { View, StyleSheet } from 'react-native';

const OverlayExample = () => {
  return (
    <View style={styles.container}>
      <View style={styles.backgroundView}>
        {/* 要被重叠的视图 */}
      </View>
      <View style={styles.overlayView}>
        {/* 要重叠的视图 */}
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  backgroundView: {
    flex: 1,
    backgroundColor: 'white',
  },
  overlayView: {
    position: 'absolute',
    top: 0,
    left: 0,
    width: '100%',
    height: '100%',
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
    zIndex: 1,
  },
});

export default OverlayExample;