コンテンツコンポーネントをスクロールする機能を垂直に整列させる

Question

NativeBaseのコンテンツコンポーネントを垂直方向に整列しようとしていますが、内部のコンテンツが画面サイズに対して大きすぎる場合はスクロールできません。

これは、大型のデバイスではコンテンツが中央に垂直に整列され、小型デバイスでは高さがデバイスの高さになるためスクロール可能であることを意味します。

両方を別々の方法で達成できますが、一緒に使用することはできません。

コンポーネント：垂直スクロール整列ではなく、ため

<Container style={styles.container}> 
    <Content contentContainerStyle={styles.content}> 
     {bunchOfContent} 
    </Content> 
</Container> 

スタイリング：

container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center' 
    }, 
    content: { 
    flex: 1, 
    justifyContent: 'center' 
    } 

そして、スクロール可能だ垂直に整列していないために：

container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center' 
    }, 
    content: { 
    justifyContent: 'center' 
    } 

Answer 1

には反応し、ネイティブのdoesnフレックス」をCSSと同じように動作します。 docsを参照してください。 1代わりのフレックス：あなたの最初のコンテンツのスタイルで1flexGrow

container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center' 
}, 
content: { 
    flexGrow: 1, 
    justifyContent: 'center' 
} 

使用：代わりに次のスタイルのように使用flexGrow。

違いは、まだ私には明確ではないですが、あなたは次のスレッド従うことができます：私は適切な違いを理解した後に、この答えを更新します

1. https://github.com/facebook/react-native/issues/11565
2. flex vs flexGrow vs flexShrink vs flexBasis in React Native?

を。