反应原始高程和绝对位置

Question

尝试将elevation（阴影）添加到View是可行的，但是我的第二个渲染圆圈的View隐藏在View下，具有elevation属性。如果elevation被删除，则与position: 'absolute'一起圈出是正确的。

任何想法如何使用绝对高程和位置视图？

我的代码：

import React, { Component } from 'react';
import { StyleSheet, Text, View, Platform, TouchableOpacity } from 'react-native';
import { Font } from 'expo';


export default class Position extends Component {
  render() {
    return (
      <View style={{ flex: 1, marginTop: 25 }}>
        <View style={{ height: 50, backgroundColor: 'red', elevation: 3}}/>
        <View style={styles.circle}><Text>HELLO</Text></View>  
    </View>
    );
  }
}
const styles = StyleSheet.create({
  circle: {
    position: 'absolute',
    backgroundColor: 'yellow',
    width: 60,
    height: 60,
    top: 30,
    borderRadius: 100,
    alignSelf: 'center',
    justifyContent: 'center',
    alignItems: 'center',
  }    
});

Answer 1

通过将elevation添加到圆圈View来找到分辨率。

Answer 2

也为圆添加阴影，并将圆的阴影级别增加 1。因此，在您的情况下，为圆添加高度 4。