React Native 焦点在 tvOS 中没有改变

React Native 是一个流行的跨平台开发框架，它允许开发者使用 JavaScript 来构建原生移动应用。然而，在最近的版本中，有用户反馈称 React Native 在 tvOS 上的焦点处理存在问题，导致焦点在tvOS中没有改变的情况。在本文中，我们将探讨这个问题，并提供解决方案。

javascript
import React, { Component } from 'react';
import { View, Text, TVEventHandler } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      focusedElement: null,
    };
  }
  componentDidMount() {
    this.tvEventHandler = new TVEventHandler();
    this.tvEventHandler.enable(this, (cmp, evt) => {
      if (evt && evt.eventType === 'focus') {
        this.setState({ focusedElement: evt.tag });
      }
    });
  }
  componentWillUnmount() {
    this.tvEventHandler.disable();
  }
  render() {
    const { focusedElement } = this.state;
    return (
      
        Element 1
        Element 2
        Element 3
        Element 4
        Element 5
        {`Focused Element: ${focusedElement}`}
      
    );
  }
}