Я заметил разницу между горизонтальным FlatList и вертикальным FlatList при использовании Dpad на Android TV:
С учетом следующего кода:
const data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19];
const App = () => {
return (
<View style={{ flex: 1 }}>
<FlatList
data={data}
//horizontal={true}
keyExtractor={item => item.toString()}
renderItem={({ item, index }) => (
<TouchableOpacity onPress={() => {}}>
<View style={{ backgroundColor: (index % 2) ? '#CCFFFF' : '#FFCCFF', height: 150, width: 150 }}>
<Text style={{ fontSize: 36 }}>{ `Item #${index}` }</Text>
</View>
</TouchableOpacity>
)}
/>
</View>
);
};
При горизонтальной прокрутке отображаются элементыодин за другим по правому краю области просмотра: ![Horizontal](https://i.stack.imgur.com/u65ro.gif)
Но при вертикальной прокрутке выбранный элемент иногда «бросается» в середину области просмотра: ![Vertical](https://i.stack.imgur.com/9F4Fk.gif)
Я хочу горизонтальное поведение (прокрутка по одному), но по вертикали. Как я могу это сделать?