How to set the height of button in react native android

You can set the button width as per the mentioned width easily by using following method :

<View style={[{ width: "90%", margin: 10, backgroundColor: "red" }]}>
          <Button
            onPress={this.buttonClickListener}
            title="Button Three"
            color="#FF3D00"
          />
        </View> 

enter image description here


This component has limited options, so you can't resize it to a fixed height.

I recommend you to use the TouchableOpacity component to build your own button, with own properties and styles.

You can easily style it like this:

<TouchableOpacity style={{ height: 100, marginTop: 10 }}>
    <Text>My button</Text>
</TouchableOpacity>