2016-04-06 10 views
3

私は最近、反応ネイティブで私の手を置き、ビューに動的にボタンを追加しようとしています。私はすでにボタンを追加することができますが、彼らは常に新しい行に表示されReact Nativeにボタンのグリッドスタイルを追加するには?

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

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

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

(ブートストラップに私はCOL-MD-4とクラスを追加します)

:私のような構造を持っていると思います。

私がこれまで持っている追加のスタイルと機能

[A] 
[A] 
[A] 

すなわち:私はrenderButtonsの下に表示する特定のスタイルを追加する必要があります知っているが、私はどこか分からない

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; 
} 

始めること。それでも。

答えて

2

これを行うための正しい方法は、あなたのスタイルでflexWrap: "wrap"を使用することです。

関連する問題