[flutter] 플러터에서 GET 메소드를 사용하여 화면 크기에 맞는 이미지를 가져오는 방법은 무엇인가요?

30 Nov 2023

flutter

우선, http 패키지를 사용하여 GET 요청을 보내고 응답을 받아야 합니다. http 패키지는 Flutter에서 HTTP 요청을 처리하는 데 사용됩니다. 이를 위해 pubspec.yaml 파일에 http 패키지를 추가해주세요.

dependencies:
  http: ^0.13.3

그런 다음, 아래와 같이 GET 요청을 보내어 화면 크기를 얻고, 해당 크기에 맞는 이미지를 가져올 수 있습니다.

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class ImageScreen extends StatefulWidget {
  @override
  _ImageScreenState createState() => _ImageScreenState();
}

class _ImageScreenState extends State<ImageScreen> {
  String imageUrl;

  @override
  void initState() {
    super.initState();
    fetchImage();
  }

  void fetchImage() async {
    // GET 요청 보내기
    final response = await http.get(Uri.parse('https://example.com/api/image'));

    if (response.statusCode == 200) {
      // 응답 성공 시, 이미지 URL 가져오기
      final imageUrl = response.body;

      // 화면 크기 얻기
      final screenSize = MediaQuery.of(context).size;

      // 이미지 URL에 화면 크기 정보 추가
      final resizedImageUrl = '$imageUrl?width=${screenSize.width.toInt()}&height=${screenSize.height.toInt()}';

      setState(() {
        this.imageUrl = resizedImageUrl;
      });
    } else {
      // 요청 실패 시, 에러 처리
      throw Exception('Failed to fetch image');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: imageUrl != null
            ? Image.network(imageUrl)
            : CircularProgressIndicator(),
      ),
    );
  }
}

위의 코드에서는 fetchImage 메소드를 사용하여 GET 요청을 보내고, 응답으로 받은 이미지 URL에 화면 크기 정보를 추가합니다. 그리고 해당 이미지 URL을 사용하여 Image.network 위젯을 생성하여 화면에 이미지를 표시합니다.

위의 예제 코드는 http 패키지를 사용하여 GET 요청을 보내는 방법과 화면 크기에 따라 이미지를 가져오는 방법을 보여주고 있습니다. 이를 참고하여 사용자의 요구 사항에 맞게 코드를 작성하실 수 있습니다.

더 자세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.