Попробуйте использовать FlatList
вместо ScrollView, вы можете использовать его следующим образом:
import React, { Component } from "react";
import { FlatList, Text} from "react-native";
const data = [
{
imageUrl: require('./assets/1.png'),
title: "something"
},
{
imageUrl: require('./assets/2.png'),
title: "something two"
}
];
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
data: data
};
}
render() {
return (
<FlatList
horizontal
data={this.state.data}
renderItem={({ item: rowData }) => {
return (
<Image width={1800} source={rowData.imageUrl} />
);
}}
keyExtractor={(item, index) => index}
/>
);
}
}
Я не тестировал код, но думаю, что это должно сработать, мне могут потребоваться небольшие изменения
Надеюсь, это поможет