React Native Flatlist shows a blank space in tvOS

Question

I'm trying to show a flatList in tvOS and when the flatlist is rendered it shows unwanted space at the top of the rendered items inside the flatlist. This issue is not happening in Android TV or Fire TV.

My code :

<SafeAreaView
      style={{
        flex: 1,
        backgroundColor: Colors.APP_BACKGROUND,
        flexDirection: 'row',
      }}>
      <View style={{width: '27%'}}>
        <View
          style={[{flex: 1, marginLeft: Platform.OS === 'android' ? '10%' : '5%', marginRight: '10%', marginTop: '10%'}]}>
          <Text
            style={[
              {
                fontSize: FontSize.large,
                color: Colors.WHITE,
                fontFamily: FontFamily.bold,
                marginBottom: '5%',
                paddingHorizontal: ms(10),
                marginLeft: Platform.OS === 'android' ? ms(5) : ms(2),
              },
            ]}>
            Settings
          </Text>
          <FlatList
            data={pages}
            renderItem={({item, index}) => renderSettingItem(item, index)}
            removeClippedSubviews={false}
          />
        </View>
      </View>

      <View
        style={{
          backgroundColor: Colors.SEPARATOR_SETTING_PAGE,
          width: 3,
          marginTop: '2%',
          height: '60%',
        }}
      />

      <View style={{width: '73%'}}>
        <SettingPageComponent page={page} />
      </View>
    </SafeAreaView>

I don't know what I did wrong. I'd really appreciate some help. Thanks !