推荐强大的React Native表格组件：react-native-table-component

import React from 'react';
import { View } from 'react-native';
import { Table, Row, Rows } from 'react-native-table-component';
 
const TableComponent = () => {
  const tableHead = ['Head1', 'Head2', 'Head3'];
  const tableData = [
    ['Data1', 'Data2', 'Data3'],
    ['Data4', 'Data5', 'Data6'],
    // ...更多行数据
  ];
 
  const tableStyles = {
    // 定义表格样式
    borderWidth: 1,
    borderColor: '#ddd',
    padding: 15,
  };
 
  const renderRows = () => {
    return (
      <Rows data={tableData}>
        {
          (rowData, rowIndex) => (
            <Row
              data={rowData}
              even={rowIndex % 2 === 0}
              fullWidth={true}
              textStyle={{ fontSize: 16 }}
            />
          )
        }
      </Rows>
    );
  };
 
  return (
    <View style={{ flex: 1, marginTop: 50 }}>
      <Table borderStyle={tableStyles} header={tableHead}>
        {renderRows()}
      </Table>
    </View>
  );
};
 
export default TableComponent;

这个代码实例展示了如何在React Native应用中使用react-native-table-component库来创建一个表格。定义了表头和数据，并通过自定义样式调整表格的外观。使用renderRows函数来渲染表格的行，并通过rowIndex来给偶数行应用不同的样式。