Проблемы с прокруткой и плоским списком. Потеря позиции у выбранного элемента flatList - PullRequest
Новая
       33

Проблемы с прокруткой и плоским списком. Потеря позиции у выбранного элемента flatList

0 голосов
/ 17 марта 2020

У меня плоский список с расширяемым контентом. Когда я открываю 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). Есть идеи, как это сделать?

Спасибо !!!

...