showing results for - "button style not working react native"
Fabio
08 Jun 2016
1//React Native Button element doesn't have style props and offers very 
2//few customization. Use TochableXXX elements instead.
3//TouchableOpacity works fine
4//Or you can use Button from React-native-elements library
5
6import {
7  TouchableOpacity,
8  Text,
9} from "react-native";
10
11<TouchableOpacity
12          style={styles.button}
13          onPress={this.onSubmit}
14          disabled={!this.state.isFormValid}
15        >
16          <Text style={styles.btnText}>Add
17			</Text>
18</TouchableOpacity>
19
20const styles = StyleSheet.create({
21
22  button: {
23    width: 200,
24    marginTop: 20,
25    backgroundColor: "green",
26    padding: 15,
27    borderRadius: 50,
28  },
29  btnText: {
30    color: "white",
31    fontSize: 20,
32    justifyContent: "center",
33    textAlign: "center",
34  },
35});
queries leading to this page
react button paddingpainel button react native stylejsx padding for buttonbutton style react native doesn 27t workreact native style button not workingbutton text style react nativestyle is not working on button in react nativesubmit button not working in nodejsstyle the button padding in reactreact native button title stylestyle react native button dont workbutton style not working react nativereact native button not styledreact native button problem stylingreact native button margin not workingbutton style margintop react nativestyle inside button tag is not working react nativereact button style does nothinbutton padding in react nativefacebook login not working react nativebutton reactnative could not marginchange button style react nativereact native button disabledprevious button style react nativestyle button in react native not workingbutton padding margin react nativebutton margin reactbutton style not working reactbutton margin react jsbutton spaceing react nativebutton style dont work react nativecan not set button margin react nativeadd padding to react buttonapply margin to button react nativereact native button paddingreact native button not taking stylesset buttoin active stylesheet in react nativereact button style does nothingreact native button style not workingreavt native margin doesn 27t work on buttonhow to provide the margin to a button in react nativereact padding for buttonreact native button doesn 27t have default styleapply styles on buttons react nativereact native button with margin topstyle not working on button react nativreact native button style like a keyreact native button no stylestyle for button not working react nativebutton react native paddinghow to set button style in react nativebutton padding react nativebutton ignores style react nativereact native styled button not workingbutton title style react nativebutton nice style native reactreact native button stylehow to override an react native button stylesstyle button react nativereact native button style not workingbtn in react native not working due to smallbutton style react native marginstyle of button not working react nativebutton style not working reatc native 5dhow to style buttons in react nativereact native style not working on buttonelement inside button react nativereact native 2bbutton margin stylesbutton is not taking style in react nativeoverriding react native button stylesbutton in react native not recognizing styleshow to give margin to a button in react nativereact native button style with not changingbutton react native not getting stylesstyle button in react native dont worki cannot pass style onpress and title to button reactreact button style not workingworking with button css react nativechange padding of react native buttonreact native submit button style not workingbutton style react nativecss not working on button react nativebutton margin react nativebutton style in react native elementsreact native button marginbutton margin not working react nativereact native button not workingreact native button margintopreact native elements button title style not workinghow to override a color of a button inside of a view react nativereact native button margin blackreact native button styles not applyingbutton style not working in react nativereact native button remove paddingbutton elemtn reacct mative stylesreact native cant style buttonbutton padding margin react nativereact js add padding to a buttonreact view as a button stylehow to increase margin in buttons reacthow to delete height react naative elements button and add paddings instreadgive margin to react native buttonreact styles buttons on topchange style of button react nativebutton not apply css in react nativegive margin to button in react natviecant style to a button react nativereact native change button stylebutton style doesn 27t work react nativebutton angular material 2b animation not workingdoes style prop work for button in react nativerender backbutton instead of menu icon in react nativebutton padding reactbutton style not working react native