React Native 的 Button 组件的 hasTVPreferredFocus 属性
React Native 的 Button
组件的 hasTVPreferredFocus
属性用于设置按钮在 Apple TV 电视上是否默认选中(获得焦点)
导入模块
import { Button } from 'react-native';
使用语法
<Button hasTVPreferredFocus={true} />
属性说明
属性 | 类型 | 默认值 | 是否必传 | 平台 | 说明 |
---|---|---|---|---|---|
hasTVPreferredFocus |
bool | false |
否 | Apple TV | 用于设置按钮在 Apple TV 电视上是否默认选中(获得焦点) |
范例
下面的范例,我们布局了一个按钮 快点我,并在 Apple TV 上默认获得焦点,也就是默认选中
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" hasTVPreferredFocus={true} accessibilityLabel="please press me" /> </View> ); } }