时间戳

首页 > 解决方案 > 渲染上的 React-Native 焦点按钮

reactjs - 渲染上的 React-Native 焦点按钮

问题描述

我尝试在 Android TV 上测试我的 React-Native。在第一个屏幕上，我有一个 ButtonList 组件。

默认情况下，我想“聚焦”第一个按钮，并在右/左使用遥控开关。

你可以看到一个例子：

在此处输入图像描述

第一个“右”控件未触发（可视化）“M3U 文件”按钮，并且“帐户”按钮似乎没有焦点（不是不透明样式）。

我的代码：

<View style={styles.tabs} accessible>
  <Button
    mode={buttonMode(isAccountLoginType)}
    style={styles.buttonNav}
    onPress={() => setLoginType(ACCOUNT)}>
    Account
  </Button>
  <Button
    mode={buttonMode(isM3uFileLoginType)}
    style={styles.buttonNav}
    onPress={() => setLoginType(M3U_FILE)}>
    M3U file
  </Button>
  <Button
    mode={buttonMode(isPlaylistIdLoginType)}
    style={styles.buttonNav}
    onPress={() => setLoginType(PLAYLIST_ID)}>
    Playlist ID
  </Button>
</View>

有人已经玩过带有焦点元素的 React-Native 了吗？

谢谢 ！

标签： reactjsreact-nativeaccessibility

解决方案

你能试试这个可能会有所帮助。您可以使用包含选项卡名称并通过地图 链接返回的列表，而不是使用多个按钮

推荐阅读