滚动和平面列表问题。松开所选FlatList项目上的位置

时间:2020-03-17 14:17:25

标签: typescript react-native focus react-native-flatlist

我有一个可扩展内容的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)上的选定项目上。知道怎么做吗?

谢谢!

0 个答案:

没有答案