我终于找到了答案。。

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

  final _future = Supabase.instance.client
      .from('name_of_my_supabase_table')
      .select<List<Map<String, dynamic>>>().order('id', ascending: false);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Test Supabase ListView.builder"),
      ),
      body: FutureBuilder<List<Map<String, dynamic>>>(
        future: _future,
        builder: (context, snapshot) {
          if (!snapshot.hasData) {
            return const Center(child: CircularProgressIndicator());
          }
          final items = snapshot.data!;
          return Padding(
            padding: const EdgeInsets.all(8.0),
            child: ListView.builder(
              itemCount: items.length,
              itemBuilder: ((context, index) {
                final item = items[index];
                return Card(
                  child: InkWell(
                    onTap: () =>
                        Navigator.push(context,
                          MaterialPageRoute(builder: (context)
                          => DetailPage(itemDetail: items[index])
                          ),
                        ),
                    child: ListTile(
                      title: Text(item['date']),
                    ),
                  ),
                );
              }),
            ),
          );
        },
      ),
    );
  }
}

class DetailPage extends StatelessWidget {
  const DetailPage({Key? key, this.itemDetail}) : super(key: key);

  final itemDetail;

  @override
  Widget build(BuildContext context) {
    return  Scaffold(
      appBar: AppBar(
        title: const Text('Detail Page'),
      ),
      body: Center(
        child: Text('Detail Page ' + itemDetail['date']),
      ),
    );
  }
}