Блог

Я пытаюсь протестировать свой React-Native на Android TV. На первом экране у меня есть компонент 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 с элементом focus?

Спасибо!

Можете ли вы попробовать, может быть, это может помочь. Вместо использования нескольких кнопок вы можете использовать список, содержащий название вкладок и возврат через ссылку на карту