探索React Native分页组件：react-native-pagination

import React from 'react';
import { View, Text } from 'react-native';
import Pagination from 'react-native-pagination';
 
export default class PaginationExample extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      page: 1,
      total: 10,
    };
  }
 
  render() {
    return (
      <View>
        <Pagination
          page={this.state.page}
          total={this.state.total}
          onChange={(page) => this.setState({ page })}
        />
        <Text>当前页: {this.state.page}</Text>
      </View>
    );
  }
}

这个例子展示了如何在React Native应用中使用react-native-pagination组件来实现分页功能。组件渲染了分页控制器和当前页码的文本信息，并在用户更改页码时更新了组件的状态。这个例子简单且直接地展示了分页组件的使用方法。