Погружаемые действия смещены или заглядывая при добавлении новых элементов с заполнением в React Native с помощью Reanim ⇐ Javascript

[Anonymous]

Я использую Reanimatedswipbule от React-Knative-Gesture-Handler с React Native и Expo. Каждый предмет для дел в моем списке Flat-Flact имеет внутреннюю заполнение (например, PX-4) для визуального расстояния. Проблема в: когда я добавляю новый элемент, смахиваемые кнопки правого действия (например, редактирование/удаление) кратко «заглянуть» или не по-видимому, пока не взаимодействую с списком. Просмотр
Явно установил w- [96px] (или аналогично), чтобы соответствовать ширине двух кнопок, хотя этот вид работы, я чувствую, что это дешевое исправление, и я хочу знать, как сделать это правильно.import { View, TextInput, FlatList, Pressable } from 'react-native'
import { SafeAreaView } from 'react-native-safe-area-context';
import React, { useState } from 'react'
import { Plus, Pencil, X } from 'lucide-react-native';
import ReanimatedSwipeable from 'react-native-gesture-handler/ReanimatedSwipeable';

const Home = () => {

type Todo = {
_id: string;
text: string;
completed: boolean;
};

const [todos, setTodos] = useState([]);

const handleAddTodo = () => {

const newTodo = {
_id: Date.now().toString(),
text: '',
completed: false
}

setTodos(prev => [...prev, newTodo]);

}

const renderRightActions = () => (








);

return (

item._id}
ItemSeparatorComponent={() => }
renderItem={({ item }) => (



{
setTodos(prevTodos =>
prevTodos.map(todo =>
todo._id === item._id ? { ...todo, text } : todo
)
);
}}
/>


)}
/>





)
}

export default Home


Подробнее здесь: https://stackoverflow.com/questions/796 ... ding-in-re