Position absolute view is not covering elevation view

[2dxgujun]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.2.1
Yarn: 1.5.1
npm: 6.0.0
Watchman: 4.9.0
Xcode: Xcode 9.4 Build version 9F1027a
Android Studio: 3.1 AI-173.4819257

Packages: (wanted => installed)
react: ^16.2.0 => 16.2.0
react-native: ^0.55.4 => 0.55.4

Description

The <Text> display below the view with red background, see #15823

Reproducible Demo

render() {
  return (
    <View style={{ flex: 1 }}>
      <View
          style={{ height: 50, backgroundColor: 'red', elevation: 4 }}
      />
      <View style={StyleSheet.absoluteFill}>
        <Text>HELLO</Text>
      </View>
    </View>
  )
}

[Versus2017]

I have the same problem, and the same react-native version with you.

[Versus2017]

Is there any solutions about that?

[megalithic]

@Versus2017 we are having a similar issue with iOS, removing Stylesheet.absoluteFill fixes it for us. In a couple cases we just had to replace that style with height: '100%'.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.