reactjs - Android TV 中焦点可触摸元素的事件处理

Question

我正在使用 React-Native 构建 AndroidTV 应用程序。

我一直指的是official docs (在 Android 选项卡中)。

我尝试在元素上使用 touchableHandleActivePressIn 方法:TouchableHighlight/TouchableOpacity

class MyComponent extends Component {
  myMethod = () => {
      console.log('Working');
  }

  render() {
    return (
      <View>
        <TouchableOpacity touchableHandleActivePressIn={this.myMethod}>
           <Text>Placeholder</Text>
        </TouchableOpacity>
      </View>
    )
  }
}

不幸的是，这不起作用。当我从另一个元素获得焦点时(我确信当我通过更改样式看到时它们会获得焦点)。

在此示例中，我没有添加任何占位符按钮来更改焦点，但该元素不起作用。

我在文档或 Google 搜索中找不到此方法的任何实现。
有人知道解决办法吗？

Answer 1

我在react-native源代码中找到了解决方案。
如果您想使用 TouchableHighlight 或 TouchableOpacity 组件构建 Android TV 应用程序，您应该使用以下方法 touchableHandleActivePressIn、touchableHandleActivePressOut、 touchableHandlePress 像这样:

class MyComponent extends Component {
  myMethod = () => {
      console.log('Working');
  }

  render() {
    return (
      <View>
        <TouchableOpacity touchableHandleActivePressIn onPressIn={this.myMethod}>
           <Text>Placeholder</Text>
        </TouchableOpacity>
      </View>
    )
  }
}

AndroidTV 组件方法处理程序必须声明为 prop，并且必须分别声明要调用的方法:
onPressIn 用于 touchableHandleActivePressIn，
onPressOut 用于 touchableHandleActivePressOut，
以及 touchableHandlePress 的标准 onPress。

希望这对任何人都有帮助，由于缺乏官方文档，我花了两天时间才弄清楚。