... StyleSheet.absoluteFillObjectより高

Question

を占有することなく、私はこのスタイルシートからlocationを追加する必要がありますと同じ効果を得る：

const mapStyles = StyleSheet.create({ 
    container: { 
    ...StyleSheet.absoluteFillObject, 
    height: 400, 
    width: 400, 
    justifyContent: 'flex-end', 
    alignItems: 'center', 
    }, 
    location: { 
    ...StyleSheet.absoluteFillObject, 
    width: 400, 
    alignItems: 'center', 
    } 
}) 

私のオートコンプリート（<Location />）にAndroid上で自動補完リストがオーバーフローするように、他のコンポーネント。

EG：

<Container style={mapStyles.location}> 
    <Location /> 
    </Container> 

それ以下のデバイスの画面の高さ（約まで<Location />以下の要素をプッシュすると思われるので、そこに完全なブランク画面が<Location />下にあり、他の成分が現れるが。どのように私は、画面下に、さらにその下のコンポーネントを移動するwithought ...StyleSheet.absoluteFillObjectと同じ効果を得るのですか

Answer 1

StyleSheet.absoluteFillObjectは、このプロパティ（source）に置き換えられます：？

const absoluteFillObject = { 
    position: 'absolute', 
    left: 0, 
    right: 0, 
    top: 0, 
    bottom: 0, 
}; 

それはではなく、あなたのコンテナについて、（それが他の要素「オーバーフロー」に絶対にする必要がある）あなたの<Location />コンポーネントのために働きます。 コンテナの高さをflex: 1とし、コンテナ内の他の要素が機能するはずです。

const mapStyles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    width: 400, 
    justifyContent: 'flex-end', 
    alignItems: 'center', 
    }, 
    location: { 
    ...StyleSheet.absoluteFillObject, 
    width: 400, 
    alignItems: 'center', 
    } 
})