React Native 的 Button 组件的 color 属性 - React Native 中文文档

React Native 的 Button 组件的 color 属性在 iOS 上用于设置文本的颜色，在 Android 则是用于设置按钮的 背景色。

导入模块

import { Button } from 'react-native';

使用语法

iOS 上用于设置文本的颜色为快点我，在 Android 设置按钮的 背景色 为快点我

<Button color="#841584"  title="快点我"/>

属性说明

属性	类型	默认值	是否必传	平台	说明
`color`	Color	-	否	iOS,Android	在 iOS 上用于设置文本的颜色，在 Android 则是用于设置按钮的背景色

范例

下面的范例，布局了一个按钮 Button，并在 iOS 上设置文本的颜色为快点我，在 Android 上设置按钮的 背景色 为快点我

import React from 'react';
import {Alert,Button} from 'react-native';

export default class App extends React.Component {

  render() {
    return (
      <Button 
        onPress={(e) => Alert.alert("你点击了按钮")}
        title="快点我"
        color="#841584"
        accessibilityLabel="please press me"
      />
    );
  }
}