【问题标题】:Unexpected blank space under FlatList on iOSiOS 上 FlatList 下的意外空白
【发布时间】:2022-12-20 04:19:21
【问题描述】:

FlatList 和导航栏之间有一个奇怪的空间。它只发生在 iOS 上并且在 Android 上按预期工作(它们之间没有差距)。当我在 FlatList 周围放置一个 View 标签时,它填补了空白,但我无法一直向下滚动列表。间隙大约有 35px 高

我已经检查过了,那里没有边距/填充,也没有任何东西,它只是一个空白区域。

<List
   theme={theme}
   data={chats
      .filter(el => el.name.search(new RegExp(search, "i")) !== -1)
      .sort(sortChats)}
   renderItem={renderItem}
   keyExtractor={item => item._id}
/>

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

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

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

【问题讨论】:

    标签: ios react-native react-native-flatlist


    【解决方案1】:

    你找到问题的答案了吗?我有完全相同的问题

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-09-29
      • 2017-10-01
      • 2023-04-06
      • 2020-01-25
      • 2015-11-08
      相关资源
      最近更新 更多