[flutter] 플러터 get과 폼 처리

26 Dec 2023

flutter

플러터 앱을 개발할 때 데이터를 가져오고 폼을 처리하는 것은 매우 중요합니다. 이 블로그 포스트에서는 플러터에서 데이터를 가져오고 폼을 처리하는 방법에 대해 알아보겠습니다.

Get 요청

플러터에서 HTTP GET 요청을 보내려면 http 패키지를 사용해야 합니다. 먼저 pubspec.yaml 파일에 http 패키지를 추가하고 다음과 같이 import 합니다.

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

다음으로, 다음과 같이 GET 요청을 보냅니다.

http.Response response = await http.get(Uri.parse('https://example.com/api/data'));

await 키워드를 사용하여 비동기적으로 요청을 보내고, Response 객체를 통해 응답을 처리할 수 있습니다.

폼 처리

사용자로부터 데이터를 입력 받고 제출하는 폼을 다룰 때는 Form, TextFormField, TextEditingController 등을 사용합니다. 아래는 간단한 예제 코드입니다.

final _formKey = GlobalKey<FormState>();
final _nameController = TextEditingController();

Form(
  key: _formKey,
  child: Column(
    children: <Widget>[
      TextFormField(
        controller: _nameController,
        validator: (value) {
          if (value.isEmpty) {
            return '이름을 입력해 주세요';
          }
          return null;
        },
      ),
      RaisedButton(
        onPressed: () {
          if (_formKey.currentState.validate()) {
            // 폼 처리 로직
            String name = _nameController.text;
            // 폼 제출
          }
        },
        child: Text('제출'),
      ),
    ],
  ),
);

폼은 Key를 사용하여 고유하게 식별됩니다. TextFormField는 사용자로부터 데이터를 입력받는 데 사용되고, validator를 사용하여 입력값을 유효성 검사할 수 있습니다. 제출 버튼을 클릭했을 때 폼 처리 로직을 수행할 수 있습니다.

이러한 방식으로 플러터 앱에서 GET 요청을 보내고 폼을 처리할 수 있습니다.

목차

Get 요청

폼 처리

참고 자료