は、私はこの効果すべてのボタンが同じ幅と高さを持つべき当然の <a href="https://i.stack.imgur.com/Jl3c8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jl3c8.png" alt="enter image description here"></a></p> <p>を達成したい

Question

では、ネイティブ反応するネイティブフレキシボックスストレッチ問題を反応させます。 私はフレックスボックスを使用しています。フレックスボックスでどうすればいいですか？ 私は試してみます：

const styles = StyleSheet.create({ 
mainView: { 
    flex: 1, 
    flexDirection: 'column', 
    alignItems: 'stretch' 
}, 
rows: { 
    flex: 1, 
    flexDirection: 'row', 
}, 
buttons: { 
    flex: 1, 
} 

}）;

export default class Home extends Component { 
render() { 
    return (
     <View style={styles.mainView}> 
     <View style={styles.rows}> 
     <View style={styles.buttons}><Button title="aaa"/></View> 
     <View style={styles.buttons}><Button title="aaa"/></View> 
     </View> 
     <View style={styles.rows}> 
      <View style={styles.buttons}><Button title="aaa"/></View> 
      <View style={styles.buttons}><Button title="aaa"/></View> 
     </View> 
     <View style={styles.rows}> 
      <View style={styles.buttons}><Button title="aaa"/></View> 
      <View style={styles.buttons}><Button title="aaa"/></View> 
     </View> 
     </View> 
    ); 
} 

}

が、それは私を与えた：

すべてのあなたのスタイルに背景色を設定した場合、あなたはそれを除いて、あなたのレイアウトが機能していることがわかります

Answer 1

を助けてくださいは、 React Nativeの高さをButtonに変更することはできません。 Buttonの代わりにTouchableOpacityまたはTouchableHighlightを使用してください。「ボタン」は、上にくっつくのではなく、全体の画面に表示されます。