reactjs - 更改按钮颜色 react native

Question

我想简单地更改按钮的颜色，但我不能。我尝试直接在按钮中更改，并将样式传递给它。但他们都不起作用。这是我非常简单的代码。

 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',
  }

}); 

Answer 1

react Button组件在它使用的每个平台上呈现 native 按钮。因此，它不会响应 style支柱。它有自己的一套 Prop 。

正确的使用方法是

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

您可以在https://facebook.github.io/react-native/docs/button.html查看文档

现在，假设您确实想要制作 super 可定制的按钮，为此您必须使用 View 和可触摸的不透明度。与此类似的事情。

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

您将把它包装在您自己的按钮组件中并使用它。