React-Native Button style not work

Question

Import_this

import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; 

This my React Button code But style not working Hare ...

<Button   onPress={this.onPress.bind(this)}    title={"Go Back"}   style={{color: 'red', marginTop: 10, padding: 10}} /> 

Also I was try by this code

<Button         containerStyle={{padding:10, height:45, overflow:'hidden',         borderRadius:4, backgroundColor: 'white'}}        style={{fontSize: 20, color: 'green'}}         onPress={this.onPress.bind(this)} title={"Go Back"}       > Press me! </Button> 

Update Question:

Also I was try by This way..

<Button     onPress={this.onPress.bind(this)}     title={"Go Back"}     style={styles.buttonStyle} >ku ka</Button> 

Style

const styles = StyleSheet.create({     buttonStyle: {         color: 'red',         marginTop: 20,         padding: 20,         backgroundColor: 'green'     } }); 

But No out put: Screenshot of my phone:-

Answer 1

The React Native Button is very limited in what you can do, see; Button

It does not have a style prop, and you don't set text the "web-way" like <Button>txt</Button> but via the title property <Button title="txt" />

If you want to have more control over the appearance you should use one of the TouchableXXXX' components like TouchableOpacity They are really easy to use :-)