react native – Sudden clean house below FlatList on iOS

[ad_1]

app screen (gap under "teste 6")

there’s a bizarre house between the FlatList and the navigation bar. it solely happens on iOS and works as anticipated on Android (no hole between them). once I put a View tag across the FlatList, it fills the hole however I can not scroll the listing all the best way down. the hole is about 35px tall

I’ve already checked and there is not any margin/padding nor something there, it is only a clean house.

screen on android, working as expected

<Listing
   theme={theme}
   knowledge={chats
      .filter(el => el.title.search(new RegExp(search, "i")) !== -1)
      .kind(sortChats)}
   renderItem={renderItem}
   keyExtractor={merchandise => merchandise._id}
/>

export default Listing = Styled.FlatList`
  margin-top: 30px;
  padding-right: ${({ theme }) => theme.display.padding.proper};
  margin-right: -${({ theme }) => theme.display.padding.proper};
`;

const ItemContainer = Styled.View`
  flex-direction: row;
  margin-bottom: 15px;
  opacity: ${({ offline }) => (offline ? 0.5 : 1)};
`;

const ChatInfo = Styled.View`
  flex: 1;
`;

[ad_2]

Leave a Reply

Your email address will not be published. Required fields are marked *