React Native 的 Button 组件的 accessibilityLabel 属性
React Native 的 Button
组件的 accessibilityLabel
属性用于给残障人士显示的文本(比如读屏应用可能会读取这一内容)
导入模块
import { Button } from 'react-native';
使用语法
<Button accessibilityLabel={'加载更多'} />
属性说明
属性 | 类型 | 默认值 | 是否必传 | 平台 | 说明 |
---|---|---|---|---|---|
accessibilityLabel |
string | '' |
否 | iOS,Android | 用于给残障人士显示的文本(比如读屏应用可能会读取这一内容) |
范例
下面的范例,我们布局了一个按钮 快点我,并为残障人士设置了专用的显示文本
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" accessibilityLabel="please press me" /> </View> ); } }