Блог

Я пытался создать текстовый компонент с возможностью прокрутки для tvos в React Natve, подобный тому, который мы видим в окне «Правила и условия» во многих приложениях. Код отлично работает для Android tv, но текст не прокручивается вниз в tvos. Фрагмент кода выглядит следующим образом:

 <ScrollView style=
{
  {
    flex: 1, paddingTop: getScaledValue(50)
  }
}

contentContainerStyle= {
  {
    alignItems: 'center', justifyContent: 'center'
  }
}

removeClippedSubviews={false}

< Text style={styles.textH2} >
This is the text portion that needs to be scrolled .............

< /Text >
< /ScrollView >
  

попробуйте обернуть свой scrollview представлением с помощью flex: 1 и поместите в него свой scrollview без flex или любого другого стиля, который должен сработать

 <View style={{flex:1}}>
<ScrollView >

< Text style={{alignSelf:"center" }} > This is the text portion that needs to be scrolled .............

< /Text >
 < /ScrollView >
</View>
  

Для быстрого исправления я применил TVEventHandler на своем экране, чтобы получать события для swipeUp и swipeDown на пульте siri remote. Затем, основываясь на этих событиях, я изменил смещение y вида прокрутки (увеличить или уменьшить) с проверками, применяемыми для достижения конца или нет. Для меня это работает нормально.