react native – Sudden clean house below FlatList on iOS


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

      .filter(el => RegExp(search, "i")) !== -1)
   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;


Leave a Reply

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