Я использую 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
