如何显示每个平面列表项目的索引号,以便在使用分页的前一个下一个按钮来回移动时,使其准确?
我在renderItem方法中添加了一个索引props 来实现同样的功能,但它适用于3页,我想为相同的创建一个单行或简短的逻辑.
我在每页显示20个项目与分页,因此增加20个在每页.
let updatedindex = index + 1;
<Item
item={item}
index={pageNo == '1' ? updatedindex : pageNo == '2' ? 20 + updatedindex : 40 + updatedindex}
onPress={() => { }}
isCompleted={completedItems.includes(item._id)}
backgroundColor={backgroundColor}
textColor={color}
/>
其他一切都工作正常,只是我想包括索引与我的列表,如1,2,3 for each 项目.下面是我的下一个和上一个按钮分页的代码.
const paginationNext = () => {
if (currentPage * limit < parseInt(total)) {
setCurrentPage(currentPage + 1);
setHidePrev(true);
let reqData = {
Id: sId,
pageSize: 20,
pageNo: currentPage + 1,
};
getListingDataPagination(reqData);
}
};
const paginationPrevious = () => {
if (currentPage * limit < parseInt(total)) {
setCurrentPage(currentPage - 1);
let reqData = {
Id: sId,
pageSize: 20,
pageNo: currentPage - 1,
};
getListingDataPagination(reqData);
}
};