ラップの子供たちは、私は次のコードを持っているネイティブ

Question

を反応します。続き は、私が使用しているスタイルです：それは絵にショーのようにオーバーフローしないように

conversationContainer:{ 
    maxWidth:310, 
    backgroundColor: 'white', 
    borderBottomRightRadius: 10, 
    borderTopRightRadius: 10, 
    borderBottomLeftRadius: 0, 
    borderTopLeftRadius: 10, 
    padding: 10, 
    marginTop: 10 
    }, 
actionButtonsContainer:{ 
    flex:1, 
    flexDirection: 'row', 
    paddingTop: 10 
    }, 
    actionButton:{ 
    backgroundColor:primaryRed, 
    borderRadius:30, 
    padding: 7, 
    marginRight: 10 
    }, 
    actionButtonText:{ 
    color:'white', 
    fontSize:12, 
    alignSelf: 'center' 
    }, 

どのように私は親要素内の子要素をラップすることができますか？

Answer 1

フレックスボックスでは、flexWrapプロパティがあり、フレックスアイテムが1行に強制されるのか、ラップできるのかを定義します。デフォルトではnowrapに設定されています。 wrapに設定：

actionButtonsContainer:{ 
    flex:1, 
    flexDirection: 'row', 
    flexWrap: 'wrap', 
    paddingTop: 10 
},