اريد تنسيق flatlist فى رياكت ناتيف حيث اريد وضع المكونات جوار بعضها بدون مسافة

اريد عرض فلات ليست تحتوى على صفوف وفى كل صف يوجد ثلاث مكونات ولكن اواجه مشكلة وهى وجود مسافة كبيرة بين المكونات .. هذا هو الكود 

 

import {View, Text, FlatList} from 'react-native';
import React from 'react';

const App = () => {
  return (
    <View>
      <FlatList
        data={[{id: 1}, {id: 2}]}
        style={{paddingTop: 15}}
        columnWrapperStyle={{justifyContent: 'space-between', flex: 1}}
        numColumns={3}
        keyExtractor={item => item.id}
        renderItem={({item}) => (
          <View style={{height: 100, width: 100, backgroundColor: 'red'}} />
        )}
      />
    </View>
  );
};

export default App;