Reaction-native Horizontal FlatList - scrollToEnd () заставляет весь контент перемещаться с правой стороны представления на измененный контент

Я пытаюсь сделать крошку для обхода папки. Я создал компонент breadcrumb с помощью горизонтального плоского списка и использовал метод scrollToEnd () , чтобы прокрутить до конца при добавлении нового элемента в список. Я добился до этого с помощью следующего кода:

<FlatList
        keyExtractor={(item, index) => item + '' + index}
        contentContainerStyle={{
          backgroundColor
        }}
        style={{}}
        bounces={false}
        data={list.slice()}
        horizontal={true}
        onContentSizeChange={() => {
          (listRef.current as any).scrollToEnd({ animated: true });
        }}
        showsHorizontalScrollIndicator={false}
        renderItem={renderBreadCrumb}
        ItemSeparatorComponent={renderItemSeparator}
        ref={listRef}
      />

Но я застрял в другой проблеме. Когда я щелкаю элемент крошки по убыванию, он перемещает список вправо от представления. Это происходит только в Android, iOS работает нормально.

Я пытался, scrollToOffset () для создания списка в правильном положении. но это не работает