我有一个可扩展内容的flatList。当我打开1个大内容并滚动到列表的底部并打开另一个内容时,滚动条将转到页面底部并隐藏我的列表。我需要向上滚动才能看到它们。
这是我的flatList:
<StyledContainer>
<FlatList
data={faq}
renderItem={({ item }) => (
<ListItem
key={item.title}
active={activeTitle === item.title}
onPress={onPress}
onPressDetail={onPressDetail}
title={item.title}
details={item.detail}
/>
)}
/>
</StyledContainer>
在这里,我有内容列表(ListItem)和另一个列表,以显示详细信息。
const internal = (
<StyledListItem {...props}>
<ListTitle active={active}>{title}</ListTitle>
<Icon
name={active ? 'remove' : 'add'}
size={24}
color={active ? colors.blue.secondary : colors.blue.primary}
/>
</StyledListItem>
);
const touchable =
Platform.OS === 'ios' ? (
<TouchableOpacity onPress={toggleActive}>{internal}</TouchableOpacity>
) : (
<TouchableNativeFeedback
onPress={toggleActive}
background={TouchableNativeFeedback.Ripple(colors.blue.primary)}>
{internal}
</TouchableNativeFeedback>
);
return (
<StyledView>
{touchable}
{active && (
<MyListDetails faqDetail={details} onPressDetail={onPressDetail} />
)}
<StyledLine />
</StyledView>
);
我需要将焦点放在第一个列表(ListItem)上的选定项目上。知道怎么做吗?
谢谢!