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

返回上一级

React Native 中文文档

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

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

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