2016-04-06 40 views
3

我最近将自己的手放在react-native上,并试图动态地将按钮添加到视图中。我想有这样的结构:如何在React Native中添加按钮网格样式?

(在引导我想补充一类COL-MD-4)

[A] [A] [A] [A] 

[A] [A] [A] [A] 

[A] [A] [A] [A] 

我已经可以添加的按钮,但他们总是出现在新行。

[A] 
[A] 
[A] 

增加的款式和功能,我到目前为止有:

const styles = StyleSheet.create({ 
    container: { 
     marginTop: 65, 
     flex: 1, 
    }, 
}) 

render(){ 
    return (
     <View style={styles.container}> 
      {this.renderButtons()} 
     </View> 
    ) 
} 
renderButtons(){ 
    var list = myArray.map((item, index) => { 
     return (
      <View key={index}> 
       <TouchableHighlight 
        style={styles.button}> 
       </TouchableHighlight> 
      </View> 
     ) 
    }) 
    return list; 
} 

我知道我应该添加一个特定的风格下renderButtons的看法,但我不知道在哪里开始。然而。

回答

2

正确的方法做,这是在您的样式使用flexWrap: "wrap"