Как анимировать элемент, добавленный в верхнюю часть плоского списка в React Native LayoutAnimation

Я пытаюсь оживить свой плоский список, когда новый элемент находится в состоянии индекса 0, используя LayoutAnimation в качестве актуального канала.

Я пытаюсь настроить анимацию Next перед добавлением моего элемента в список, но анимация смотрит на последний элемент моего плоского списка.

const Screen = () => {
    const [items, setItems] = useState([]);

    const addItem = () => {
        LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
        setItems([{title: "item"}, ...items]);
    }

    return <View>
        <FlatList keyExtractor = {(item, index) => index.toString()}
                  data = {items}
                  renderItem = {({item}) => <Text>{item.title}</Text>}
        />
        <Button onPress = {addItem} title = {"Add item"}/>
    </View>
}

Вот закуска к этому раствору: https://snack.expo.io/2fr3PHXht

Я также попытался использовать опору inverted плоского списка, перевернуть мой массив элементов и принудительно прокрутить вверх, когда элемент добавлен. Но когда для заполнения области просмотра не хватает элемента, мой элемент остается в нижней части экрана.

Я хотел бы узнать, как бороться с этим типом анимации.