Реагировать на собственный стиль кнопки не работает ⇐ CSS

[Anonymous]

Я использую React Native для создания тестового приложения. При стилизации кнопка не влияет на нее. может кто-нибудь сказать мне, что я делаю неправильно.
Например, я пытаюсь покрасить кнопку красным цветом, но она не работает.
Что я могу сделать, чтобы все исправить?

import React, { Component } from 'react'
import {
AppRegistry,
StyleSheet,
Text,
Button,
ScrollView,
Dimensions,
PanResponder,
Animated,
View
} from 'react-native'

import { StackNavigator } from 'react-navigation'

class Home extends Component{

static navigationOptions = {

title:'Home'

};

componentWillMount(){

this.animatedValue = new Animated.ValueXY();
this._value = {x:0 , y:0}
this.animatedValue.addListener((value) => this._value = value);

this.panResponder = PanResponder.create({

onStartShouldSetPanResponder: (evt, gestureState) => true,
onMoveShouldSetPanResponder: (evt, gestureState) => true,
onPanResponderGrant: (e, gestureState) => {

this.animatedValue.setOffset({

x:this._value.x,
y:this._value.y,

})

this.animatedValue.setValue({x:0 , y:0})

},

onPanResponderMove:Animated.event([

null,{dx: this.animatedValue.x , dy:this.animatedValue.y}

]),
onPanResponderRelease: (e, gestureState) => {

},
})
}

render(){

var animatedStyle = {

transform:this.animatedValue.getTranslateTransform()
}

return(



this.props.navigation.navigate("Login")} />


)
}
}

class Login extends Component{
static navigationOptions = {
title:'Login'
};
render(){
return(

home


)
}
}

const App = StackNavigator({

Home:{ screen: Home},
Login:{ screen:Login}

});

var styles = StyleSheet.create({
container: {

},

button:{

color:'red'

}
});

export default App


Подробнее здесь: https://stackoverflow.com/questions/446 ... ot-working