React Native 的 Button 组件的 color 属性

返回上一级

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"
      />
    );
  }
}

返回上一级

React Native 中文文档

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.