分页
使用分页可以让商家在被分割成页面的有序商品集合中移动。在网页上，分页使用按钮在页面之间来回移动。在iOS和Android上，分页使用无限滚动。
用于在列表的底部分页。
进口｛分页｝从“@shopify /北极星”；进口反应从“反应”；函数PaginationExample（）｛返回（<分页hasPrevious onPrevious＝｛（）= >｛控制台．日志（“以前”）；｝｝hasNext onNext＝｛（）= >｛控制台．日志（“下一个”）；｝｝/>）；｝道具
想让这个功能变得更好吗?请分享你的反馈．
接口
PaginationProps
- nextkey? ［］
-
下一个按钮的键盘快捷键。
- previousKeys? ［］
-
上一个按钮的键盘快捷键。
- nextTooltip? 字符串
-
下一个按钮的工具提示。
- previousTooltip? 字符串
-
上一个按钮的工具提示。
- nextURL? 字符串
-
下一页的URL。
- previousURL? 字符串
-
上一页的URL。
- hasNext? 布尔
-
是否有下一页要显示。
- hasPrevious? 布尔
-
是否有要显示的上一页。
- accessibilityLabel? 字符串
-
分页的可访问标签。
- accessibilityLabels?
-
按钮和UnstyledLinks的可访问标签。
- onNext? () = >无效
-
单击下一个按钮时的回调。
- onPrevious? () = >无效
-
点击上一个按钮时的回调。
- 标签? 反应．ReactNode
-
文本，以便在箭头按钮之间提供更多的上下文。
最佳实践
在所有平台上，分页应该:
- 只能用于超过25项的列表
Web分页应该:
- 被放在被分成几页的长列表的底部
- 分页应该导航到已分页列表中的上一组和下一组项目
- 提示当商家在第一页或最后一页通过禁用相应的按钮
iOS和Android的分页应该:
- OB欧宝娱乐APP开始加载商品时，商家接近底部，大约5个项目的结束
- 显示一个转轮在列表下面，表示已请求的项目