【发布时间】: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