ReactNative：絶対配置で画面全体を占有できません

Question

以下の例を考えてみましょう。絶対的に配置されたViewは、その親フレックスボックスの境界内でのみレンダリングされる。

<View style={{flex: 1}}> 
    <View style={{flex: 1}}> 
    <View style={{flex: 1}}> 
     <View style={{backgroundColor: 'red', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0}}> 
     <Text>I am ABSOLUTE</Text> 
     </View> 
    </View> 
    <View style={{backgroundColor: 'blue', top: 50}}> 
     <View style={{margin: 10, padding: 10, height: 50}}> 
     <Text>I have a fixed height</Text> 
     </View> 
    </View> 
    </View> 
</View> 

PS。私はRN 0.42.0を使用しています。私は絶対位置とビューが必要な場合は

Answer 1

が
https://facebook.github.io/react-native/docs/layout-props.html#position

「absolute位置決めが常に親に相対的である」、私はルートコンポーネントの一番下に置きます。したがって、あなたの例によると、それは次のようになります -

<View style={{flex: 1}}> 
    <View style={{flex: 1}}> 
    .... 
    </View> 
    <View style={{backgroundColor: 'red', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0}}> 
    <Text>I am ABSOLUTE</Text> 
    </View> 
</View>