Skip to content

V99Pagination

Display pagination.

I. Props


Name Type Default Description
maxPage number - Max page
currentPage number - Current Page
onChange (page: number) => void - Handle callback when page change
type 'dot' | 'bar' 'bar Set type for pagination

II. Usage

import { V99Pagination } from 'v99-kits'

Example

                    <View style={[V99Layout.fill, V99Layout.center]}>
                        <V99Pagination
                         currentPage={3}
                         maxPage={4}
                         onChange={page => setCurrentPage(page)}
                         type={'dot'}
                         />
                        <View style={{ height: 50 }} />
                        <V99Pagination
                        currentPage={3}
                        maxPage={4}
                        onChange={page => setCurrentPage(page)}
                        />
                    </View>

Demo


Demo