const data = Array.from({ length: 100 }).map((item) => {
  return Array.from({ length: 100 }).map(()=> 1)
})

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <ScrollView directionalLockEnabled={true}>
          {data.map((row, index) => {
            return (
              <View style={{ flexDirection: 'row' }}>
              {row.map((cell, index) => {
                return (
                  <View style={{ width: 20, height: 20, marginRight: 5, marginTop: 5, backgroundColor: 'red' }}>
                    <Text>
                      {cell}
                    </Text>
                  </View>
                )
              })}
              </View>
            )
          })}
        </ScrollView>
      </View>
    );
  }
}