resp.data; 에러

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

레스토랑 상세요청 구현하기

작성

import 'dart:convert';
import 'dart:async';
import 'package:colorfactor/common/const/data.dart';
import 'package:colorfactor/common/layout/default_layout.dart';
import 'package:colorfactor/product/component/product_card.dart';
import 'package:colorfactor/restaurant//component/CourtCard.dart';
import 'package:colorfactor/restaurant/model/restaurant_detail_model.dart';
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';

class RestaurantDetailScreen extends StatelessWidget {
  final String id;


  const RestaurantDetailScreen({super.key, required this.id});

  Future<Map<String, dynamic>> getRestaurantDetail() async {
    final dio = Dio();

    final accessToken = await storage.read(key: ACCESS_TOKEN_KEY);

    final resp = dio.get('http://$ip/restaurant/$id',
      options: Options(
      headers: {
        'authorization' : 'Bearer $accessToken'
      },
    ),
    );
    return resp.data;
    
  }

  @override
  Widget build(BuildContext context) {
    return DefaultLayout(
        title: '불타는 덕볶이',
        child:  FutureBuilder<Map<String, dynamic>>(
          future: getRestaurantDetail(),
            builder: (_, AsyncSnapshot<Map<String, dynamic>> snapshot){
            print(snapshot.data);
            if(!snapshot.hasData){
              return Container();
            }
            
            final item = RestaurantDetailModel.fromJson(
              json: snapshot.data!,
            );
              return CustomScrollView(
                slivers: [
                  renderTop(),
                  renderLabel(),
                  renderProducts(),
                ],
              );
            }
        ),
    );
  }

 SliverPadding renderLabel(){
    return SliverPadding(
      padding: EdgeInsets.symmetric(horizontal: 16),
      sliver: SliverToBoxAdapter(
        child: Text('메뉴', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w500),),
      ),
    );
 }
  
  
  renderProducts(){
    return SliverPadding(
      padding: EdgeInsets.symmetric(horizontal: 16),
      sliver: SliverList(
          delegate: SliverChildBuilderDelegate((context, index){
            return Padding(
              padding: const EdgeInsets.only(top: 16.0),
              child: ProductCard(),
            );
      },
        childCount: 10,
          ),
      ),
    );

  }



  SliverToBoxAdapter renderTop(){
   return SliverToBoxAdapter(
      child: RestaurantCard(
        image: Image.asset('asset/img/2.jpg'),
        name: '불떡',
        tags: ['떡복이','맛다','치즈'],
        ratings: 4.5,
        ratingsCount: 100,
        distanceRange: 10,
        courtFee: 4000,
        isDetail: true,
        detail: '맛있는 떡복이',
      ),
    );
  }

}

return resp.data; 부분에서 아래와 같이
Error: The getter 'data' isn't defined for the class 'Future<Response<dynamic>>'.
계속 에러를 반환하는데 도무지 이유를 모르겠습니다.

flutter 하이브리드-앱

답변 2

코드팩토리

지식공유자

안녕하세요!

말 그대로 data라는 값이 존재하지 않는다는 뜻입니다.

실제로 존재하지 않을걸로 생각되는데 확인 부탁드립니다.

감사합니다!

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. JY Hwang님의 질문에 답변드리겠습니다.

질문하신 내용을 살펴본 결과 resp.data 에러 문제는 비동기 메서드 생략 또는 리턴 타입의 문제에서 발생하는 것으로 보입니다.

에러 메세지 The getter 'data' isn't defined for the class 'Future<Response<dynamic>>'는 resp가 Future<Response> 형식이기 때문에, 이를 먼저 기다린 후 데이터를 추출해야 한다는 것을 의미합니다. 간단히 말해, 함수 호출 뒤 .data에 접근하려면 await를 사용해야 합니다.

해결 방법을 제공하면:

Future<Map<String, dynamic>> getRestaurantDetail() async {
  final dio = Dio();

  final accessToken = await storage.read(key: ACCESS_TOKEN_KEY);

  // `await`를 추가하여 `dio.get`이 완료될 때까지 기다립니다.
  final resp = await dio.get('http://$ip/restaurant/$id',
    options: Options(
      headers: {
        'authorization' : 'Bearer $accessToken'
      },
    ),
  );
  
  // `resp.data`를 리턴
  return resp.data;
}

위와 같이 await 키워드를 사용하면, dio.get 함수가 완료될 때까지 기다린 후 resp.data에 접근할 수 있게 됩니다.

또, 두 가지 유사한 질문과 답변을 확인하시면 도움이 될 것 같습니다:

위 링크들은 상태관리와 네트워크 요청에 관련된 문제를 다룬 질문들로, JY Hwang님의 문제 해결에 도움이 될 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변

resp.data; 에러