-
Notifications
You must be signed in to change notification settings - Fork 105
Description
i am getting the delay in both android and ios when render the blocks , how i can resolve this
https://github.com/user-attachments/assets/df87bf3f-f471-49f7-b7aa-ca1955ac4503
variable :
event_media: [
{ key: "1", imageurl: "", isServer: false },
{
key: "2",
imageurl: "",
isServer: false,
},
{ key: "3", imageurl: "", isServer: false },
{ key: "4", imageurl: "", isServer: false },
{ key: "5", imageurl: "", isServer: false },
{ key: "6", imageurl: "", isServer: false },
],
ussage==>
<DraggableGrid
numColumns={3}
renderItem={NewBlock}
data={eventcsetup?.event_media}
onItemPress={(item) => {
if (item?.imageurl == "") {
setUploadModal(true);
}
}}
onDragStart={() => {
setisScreenScroll(false);
const filled = getFilledMedia(eventcsetup?.event_media);
if (filled.length <= 1) {
return;
}
}}
onDragItemActive={(i) => {
console.log("itemactive", i);
setisScreenScroll(false);
}}
onDragRelease={(data) => {
console.log(data, "draging data");
setisScreenScroll(true);
// Check if the first index has a video
const filled = getFilledMedia(data);
// Don't update if only 1 or 0 images
if (filled.length <= 1) {
console.log("Drag ignored, not enough images");
return;
}
if (isVideo(data[0]?.imageurl)) {
AppUtils.showToast(
localization?.appkeys?.noVideoFirst
);
return;
}
const reordered = [...eventcsetup?.event_media];
const onlyImagesDragged = filled;
let imageIndex = 0;
for (let i = 0; i < reordered.length; i++) {
if (reordered[i].imageurl !== "") {
reordered[i] = onlyImagesDragged[imageIndex++];
}
}
seteventcsetup({
...eventcsetup,
event_media: reordered,
});
}}
/>