如何在 React Native 中以表格格式显示数据？

Question

我需要在我的应用程序中以表格格式显示数据。我想要这样的东西”

如何在表中的第一个标题旁边添加下拉图标并设计类似于上图的代码？

Answer 1

您可以使用数据表从反应原生纸库。

import { DataTable } from 'react-native-paper';

const MyComponent = () => (
  <DataTable>
    <DataTable.Header>
      <DataTable.Title
        sortDirection='descending'>Dessert</DataTable.Title>
      <DataTable.Title numeric>Calories</DataTable.Title>
      <DataTable.Title numeric>Fat (g)</DataTable.Title>
    </DataTable.Header>
    </DataTable> );

sortDirection='descending'将帮助您在标题旁边添加下拉图标。