[문의] ListView.builder 처리

안녕하세요.

처음부터 List<ContactItem> 으로 데이터를 반환받아서 처리해야 하는 것인지, 아니면 아래 코드에서 분기처리할 방법이 있는지 궁금합니다.

import 'package:json_annotation/json_annotation.dart';
import 'package:retrofit_ex2/model/contact_item.dart';

part 'contact_result.g.dart';

@JsonSerializable()
class ContactResult {
  final String status;
  final String message;
  final List<ContactItem>? addrinfo;

  const ContactResult({
    required this.status,
    required this.message,
    this.addrinfo,
  });

  factory ContactResult.fromJson(Map<String, dynamic> json) => _$ContactResultFromJson(json);

  Map<String, dynamic> toJson() => _$ContactResultToJson(this);
}

import 'package:dio/dio.dart';
import 'package:retrofit/retrofit.dart';
import 'package:retrofit_ex2/common/repository/retrofit_url.dart';
import 'package:retrofit_ex2/model/contact_result.dart';

part 'rest_client.g.dart';

@RestApi(baseUrl: RetrofitURL.baseUrl)
abstract class RestClient {
  factory RestClient(Dio dio, {String baseUrl}) = _RestClient;

  @GET(RetrofitURL.contactData)
  Future<ContactResult> getContactList();
}

class ContactListPage extends StatefulWidget {
  const ContactListPage({Key? key}) : super(key: key);

  @override
  State<ContactListPage> createState() => _ContactListPageState();
}

class _ContactListPageState extends State<ContactListPage> {
  late final RestClient restClient;

  @override
  void initState() {
    Dio dio = Dio();
    restClient = RestClient(dio);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<ContactResult>(
        future: restClient.getContactList(),
        builder: (BuildContext context, AsyncSnapshot<ContactResult> snapshot) {
          if (!snapshot.hasData) {
            return const Center(
              child: CircularProgressIndicator(),
            );
          }

          final ids = snapshot.data as ContactResult;
          //print(ids.runtimeType);

          if (ids.status.contains("success")) {
            final addrinfo = ids.addrinfo as List<ContactItem>;
            print('addrinfo_count ::: ${addrinfo.length}'); // 15개
            for(ContactItem item in addrinfo){
              print('${item.idx} | ${item.userNM} | ${item.mobileNO} | ${item.photo}'); // 여기서 출력은 잘 됨.
            }

            return ListView.builder(
              itemCount: addrinfo.length, 
              itemBuilder: (context, index) {
                // 총 15개의 List 데이터를 출력하기 위해서 어떻게 해야하는지요?
                return Text('');
              },
            );
          } else {
            return const Center(
              child: Text('에러가 발생했습니다.'),
            );
          }
        },
      ),
    );
  }

  Widget _contactListWidget(ContactItem item) {
    return Column(
      children: [
        Text(item.idx.toString()),
        Text(item.userNM),
        Text(item.mobileNO),
        Text(item.telNO!),
        Text(item.photo!),
      ],
    );
  }
}

15개의 데이터를 GET으로 가져오는 것까지는 잘 되는 걸 확인했습니다.

JSON 데이터 전체는 ContactResult 이고, addrinfo 는 List<ContactItem> 입니다.

ContactItem 15개를 ListView.builder 를 이용하여 출력하려고 하는데 어떻게 해야 되는지 몰라 도움 요청드립니다.

 ListView.builder(
  itemCount: addrinfo.length, 
  itemBuilder: (context, index) {
    final item = addrinfo[index];
    return Text('${item.userNM}');
  },
);

class ContactResultPage extends StatefulWidget {
  const ContactResultPage({Key? key}) : super(key: key);

  @override
  State<ContactResultPage> createState() => _ContactListPageState();
}

class _ContactListPageState extends State<ContactResultPage> {
  late final RestClient restClient;

  @override
  void initState() {
    Dio dio = Dio();
    restClient = RestClient(dio);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<ContactResult>(
        future: restClient.getContactList(),
        builder: (BuildContext context, AsyncSnapshot<ContactResult> snapshot) {
          if (!snapshot.hasData) {
            return const Center(
              child: CircularProgressIndicator(),
            );
          }

          final ids = snapshot.data as ContactResult;

          if (ids.status.contains("success")) {
            final addrinfo = ids.addrinfo as List<ContactItem>;
            return _buildListView(context, addrinfo);
          } else {
            return const Center(
              child: Text('에러가 발생했습니다.'),
            );
          }
        },
      ),
    );
  }

  Widget _buildListView(BuildContext context, List<ContactItem> ids) {
    return ListView.builder(
      itemCount: ids.length,
      itemBuilder: (context, index) {
        final item = ids[index];
        return Column(
          children: [
            Text(item.idx.toString()),
            Text(item.userNM),
            Text(item.mobileNO),
            Text(item.photo ?? 'XXX'),
          ],
        );
      },
    );
  }
}