子ビューは反応したネイティブで親ビューから移動します

Question

親タイプは<View>、子タイプは<Text>です。テキスト値が大きい場合、テキストはコンテナビューから移動します。どのようにそれを含めるための任意のアイデア？ P.P.私はテキストをトリムし、 "..."を続ける必要はありません。アニメーションを追加してビューにスクロールバックする必要があるからです。

Answer 1

この問題を解決するには、flexを使用することをおすすめします。ここでは簡単な例です：

<View style={{ 
flex:1, 
flexWrap:'wrap', 
flexDirection:'row', 
justifyContent:'center', 
alignItems:'center', 
marginTop:50}}> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
    <Text>Something</Text> 
</View> 

ここで重要なのは、すべての利用可能なスペースを使用して、自身の周りにその子をラップするビューを指示した、flex:1とflexWrap:'wrap'です。それでも動作させることができない場合は、上記の例のように 'alignItems'スタイルを指定してください。このコードでは

は、あなたがこのような何か作ることができます：あなたは画面の高さに応じてフォントサイズを設定することができます