安装依赖：

首先，确保你已经安装了react-native-table-component。如果没有安装，可以使用以下命令进行安装：

npm install react-native-table-component

导入所需的组件：

在代码中，导入Table, Row和Rows组件，如下所示：

import { Table, Row, Rows } from 'react-native-table-component';

创建排序逻辑：

创建一个函数来处理排序逻辑。这个函数应该接收一个排序字段作为参数，并返回已排序的数据。你可以使用JavaScript的Array.sort()方法来对数据进行排序。以下是一个示例函数：

const sortData = (data, sortBy) => {return data.sort((a, b) => {if (a[sortBy] < b[sortBy]) {return -1;}if (a[sortBy] > b[sortBy]) {return 1;}return 0;});};

设置状态和渲染表格：

在你的组件中，设置一个状态来存储排序后的数据和当前排序字段。在组件的render方法中，使用Table、Row和Rows组件来渲染表格。以下是一个示例：

class MyTable extends React.Component {constructor() {super();this.state = {data: [{ name: 'John', age: 25 },{ name: 'Jane', age: 30 },{ name: 'Bob', age: 20 },],sortBy: 'name', // 默认按照name字段排序};}handleSort = (sortBy) => {const { data } = this.state;const sortedData = sortData(data, sortBy);this.setState({ data: sortedData, sortBy });};render() {const { data, sortBy } = this.state;return (<Table><Rowdata={['Name', 'Age']}style={styles.head}textStyle={styles.text}onPress={() => this.handleSort('name')} // 点击表头排序/><Rowsdata={data}style={styles.row}textStyle={styles.text}/></Table>);}}

在上面的代码中，我们在表头上添加了一个点击事件，当点击表头时，调用handleSort函数进行排序。排序后的数据将被更新到组件的状态中，并重新渲染表格。