← React Native 的 Button 组件的 accessibilityLabel 属性 React Native 中的 Button 组件的 onPress 属性 →

React Native 的 Button 组件的 title 属性

React Native 的 Button 组件的 title 属性用于设置 Button 上的显示文本。

导入模块

import { Button } from 'react-native';

使用语法

<Button title={'加载更多'} />

属性说明

属性	类型	默认值	是否必传	平台	说明
`title`	string	-	是	iOS,Android	用于设置 Button 上的显示文本

范例

下面的范例，我们布局了三个按钮，分别是 加载更多、注册、登陆

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

export default class App extends React.Component {

  render() {
    return (
      <View>
        <Button 
          onPress={(e) => Alert.alert("你点击了加载更多按钮")}
          title="加载更多"
          color="#841584"
        />
        <Button 
          onPress={(e) => Alert.alert("你点击了注册按钮")}
          title="注册"
          color="blue"
        />
        <Button 
          onPress={(e) => Alert.alert("你点击了登入")}
          title="登入"
          color="green"
        />
      </View>
    );
  }
}

返回上一级

← React Native 的 Button 组件的 accessibilityLabel 属性 React Native 中的 Button 组件的 onPress 属性 →

React Native 中文文档

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