bouton de changement de couleur de réagir natif

Je veux simplement changer la couleur du bouton, mais je ne peux pas. J'ai essayé de changer directement dans le bouton, et de passer d'un style à elle. Mais aucun d'entre eux travaillaient.
Voici mon code très simple.

 export default class Dots extends Component {
  render() {
    return (
      <Image style={styles.container}  source={require('./background3.png')}>
      <Button title='play' style = {{color:'red'}}/>
      </Image>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex:1,
    backgroundColor:'transparent',
    resizeMode:'cover',
    justifyContent:'center',
    alignItems:'center',
    width:null,
    height:null
  },

  button:{
  backgroundColor:'#ff5c5c',
  }

});

OriginalL'auteur Gisa | 2017-01-20

  1. 20

    La réagir Button composant rend le natif de bouton sur chaque plate-forme qu'il utilise. De ce fait, il ne répond pas à la style prop. Il a son propre ensemble d'accessoires.

    La bonne façon de l'utiliser aurait été

    <Button color="#ff5c5c" title="I'm a button!" />

    Vous pouvez voir la documentation à https://facebook.github.io/react-native/docs/button.html

    Maintenant, disons que vous voulez faire de super bouton personnalisable, pour que vous aurez à utiliser les vues et palpable de l'opacité. Quelque chose le long des lignes de cette.

    <TouchableOpacity onPress={...}>
  {... button markup}
</TouchableOpacity>

    Vous aurez étirable dans votre propre bouton de composant et de l'utiliser.

    color='#ff5c5c " changer la couleur de fond dans android. Comment puis-je changer la couleur du texte et la taille de la police?
    Il y a un problème ici. Android prend la "couleur=" et en fait le bouton couleur d'arrière-plan (en ignorant backgroundColor: dans la feuille de style). Alors que, iOS prend la "couleur=" et rend la couleur du texte et utilise la couleur d'arrière-plan de manière appropriée dans la feuille de style. De ce fait, il est très difficile d'avoir un code unique à l'ensemble de la poignée de toutes les touches correctement.

    OriginalL'auteur Kevin Velasco