React Native - AccessibilityInfo.setAccessibilityFocus() 中的 reactTag 参数是什么？

Question

AccessibilityInfo.setAccessibilityFocus(reactTag) 方法中的reactTag 参数是什么？ React native documentation 不提供关于这个参数的任何信息：

将可访问性焦点设置为 React 组件。在 Android 上，这是等价的 到 UIManager.sendAccessibilityEvent(reactTag, UIManager.AccessibilityEventTypes.typeViewFocused);.

我没有Objective-C 和Java 的任何背景。一个小例子将不胜感激。谢谢！！！

Answer 1

reactTag 只是一个数字，react 使用它来识别应用程序中的视图对象。它是findNodeHandle函数的结果，它以视图引用为参数。

下面是一个简单的例子，告诉你如何使用它：

import React, {Component} from 'react'
import {
  ...
  findNodeHandle,
  ...
} from 'react-native';

class Sample extends React.Component {
    constructor(props) {
        super(props)
        this.viewRef = null;
    }

    ...

    componentDidMount() {
        if (this.viewRef) {
            const reactTag = findNodeHandle(this.viewRef);
            AccessibilityInfo.setAccessibilityFocus(reactTag);
        }
    }

    render() {
        return (
            <View ref={el => { this.viewRef = el }}>
                ...
            </View>
        )
    }
}