@uiw/react-native/lib/Pagination/README.md

UIW for React Native

Pagination 分页器
---

用于展示页码、请求数据等。

## 基础示例

```jsx
import { Fragment, useState } from 'react';
import { Pagination } from '@uiw/react-native';
function Demo() {
  const [current, setCurrent] = useState(false)
  return (
    <Fragment>
      <Pagination
        current={current}
        total={60}
        pageSize={8}
        onPageChange={(type, current) => {
          setCurrent(current)
          console.log('type, current: ', type, current);
        }}
      />
    </Fragment>
  );
}
```

## 使用icon && 修改大小

```jsx
import { Fragment, useState } from 'react';
import { Pagination } from '@uiw/react-native';
function Demo() {
  const [current, setCurrent] = useState(false)
  return (
    <Fragment>
      <Pagination
        icon
        size='large'
        current={current}
        total={60}
        pageSize={8}
        onPageChange={(type, current) => {
          setCurrent(current)
          console.log('type, current: ', type, current);
        }}
      />
    </Fragment>
  );
}
```

## Props

```ts
export interface PaginationProps {
  /** 尺寸 */
  size?: 'small' | 'default' | 'large';
  /** 当前页	 */
  current?: number,
  /** 当前页的颜色 */
  currentColor?: string
  /** 数据总量	 */
  total: number,
  /** 每页数据量	 */
  pageSize?: number,
  /** 是否以 icon 形式展示按钮 */
  icon?: boolean,
  /** 点击页码按钮时触发 */
  onPageChange?: (type: 'prev' | 'next', current: number) => void,
}
```