Как создать горизонтальный список в React Native

Я хочу создать горизонтальный список в react-native. Я знаю, как создать плоский список и список разделов с помощью простого текста, но я хочу, чтобы плоский список был горизонтальным.

<FlatList data = {data} ItemSeparatorComponent = {this.space} horizontal = {true} renderItem = {({item}) => <Text style = {{fontSize: 20, textAlign: 'center'}}> {item. число} </Text>} />

Raviprakash 10.09.2018 08:58
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
1
1
309
1

Ответы 1

Просто добавьте горизонтальный атрибут в свой FlatList

 <FlatList
        horizontal
        data = {this.state.data}>

или

 <FlatList
        horizontal = {true}
        data = {this.state.data}

Оба вышеупомянутого одинаковы.

sample

Другие вопросы по теме