如何通过长按来编辑待办事项列表中的任务

Question

我正在尝试创建一个编辑函数来更新以前编写的任务。

到目前为止，我已经尝试过了，但显然提示只是针对浏览器的。这行得通吗？创建react native提示的替代方案是什么？

const taskUpdate = (index) => {
const newItemsCopy = [...taskItems];
const item = newItemsCopy[index];
let newItem = prompt(`Update ${item.task}?`, item.task);
let todoObj = { todo: newItem, complete: false };
newItemsCopy.splice(index, 1, todoObj);
if (newItem === null || newItem === "") {
return;
} else {
item.task = newItem;
}
setTaskItems(newTodoItems);
}

全代码

Answer 1

您可以使用Modal 实现此功能

1. 长按时，打开由带值的文本输入组成的模态
2. 编辑值
3. 关闭时保存值/使用Modal中的保存按钮进行处理

Answer 2

您可以使用来自react native的Alert。

import { Alert } from "react-native";
Alert.alert(
"Alert Title",
"My Alert Msg",
[
{
text: "Cancel",
onPress: () => console.log("Cancel Pressed"),
style: "cancel"
},
{ text: "OK", onPress: () => console.log("OK Pressed") }
]
);