我将分三步回答你的问题：

1：

..然而，我不知道从DB中获取数据并在Widget中显示的最佳方法。
实现此目的的一种方法是创建数据的自定义模型表示，就像它在Firestore中显示的那样。例如：

class MyModel {
  final String owner;
  final String email;
  MyModel({required this.owner, required this.email});
  factory MyModel.fromJson(Map<dynamic, dynamic> json) {
    return MyModel(
      owner: json['owner'] as String,
      email: json['email'] as String,
      // --> add other fields here
    );
  }
}

字符串

2：

.我想做的是从数据库中为每个条目创建一个单独的小部件，并且没有ID-“Nmc 6 zn**"。
只需创建一个sperate小部件，并传入上面创建的模型：

class CustomTextWidget extends StatelessWidget {
  final MyModel model;
  const CustomTextWidget(this.model, {Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Text(
      model.owner, // <-- use the model here
      style: TextStyle(
        fontSize: 20,
        fontWeight: FontWeight.bold,
      ),
    );
  }
}

型

3：

示例用法：

ListView.builder(
              itemCount: documents.length,
              itemBuilder: (context, index) {
                var data = documents[index].data() as Map<dynamic, dynamic>;
                var model = MyModel.fromJson(data);
                return CustomTextWidget(model); // --->  Using the widget here
              },
            )

型
下面是一个完整的可运行示例，（我使用的是StreamBuilder而不是你的readData方法）在IDE中查看它以获得更好的理解：

import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // YOUR FIREBASE INITIALIZATION CODE HERE
  // for example:
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(MyApp());
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Material App Bar'),
        ),
        body: StreamBuilder<QuerySnapshot>(
          stream: FirebaseFirestore.instance
              .collection('users')
              .snapshots(), // <-- Replace with your stream
          builder: (context, snapshot) {
            if (snapshot.hasError) {
              return Text('Something went wrong');
            }
            if (snapshot.connectionState == ConnectionState.waiting) {
              return CircularProgressIndicator();
            }
            var documents = snapshot.data?.docs ?? [];
            return ListView.builder(
              itemCount: documents.length,
              itemBuilder: (context, index) {
                var data = documents[index].data() as Map<dynamic, dynamic>;
                var model = MyModel.fromJson(data);
                return CustomTextWidget(model); // Use your custom widget here
              },
            );
          },
        ),
      ),
    );
  }
}
class MyModel {
  final String owner;
  final String email;
  MyModel({required this.owner, required this.email});
  factory MyModel.fromJson(Map<dynamic, dynamic> json) {
    return MyModel(
      owner: json['owner'] as String,
      email: json['email'] as String,
      // --> add other fields here
    );
  }
}
class CustomTextWidget extends StatelessWidget {
  final MyModel model;
  const CustomTextWidget(this.model, {Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Text(
      model.owner, // <-- use the model here
      style: TextStyle(
        fontSize: 20,
        fontWeight: FontWeight.bold,
      ),
    );
  }
}

型