Flutter(2)
-
Flutter에서 Dio를 사용하여 HTTP 통신하기
Flutter에서 Dio를 사용하여 HTTP 통신하기 : 시작하기 전에 Flutter 애플리케이션에서 HTTP 통신을 효율적으로 처리하기 위해 Dio 라이브러리를 사용하는 방법을 알아보기 전에, Dio를 프로젝트에 추가하고 설정하는 몇 가지 필수 단계를 알아보자 1. Dio 패키지 추가하기 pub.dev // terminal에 입력 flutter pub add dio 2. 기본 Dio 인스턴스 설정 Dio 인스턴스를 생성하고, 기본 설정을 적용하는 것으로 시작. 이 설정에는 기본 URL, 타임아웃, 헤더 등이 포함될 수 있음 import 'package:dio/dio.dart'; void main() async { Dio dio = Dio(); dio.options = BaseOptions( base..
2024.04.03 -
Flutter에서 서버 데이터로 동적 TextField 관리하기 : 개선된 사용자 입력 솔루션
문제 상황 서버로부터 랜덤한 갯수의 데이터를 받아서 ListView.Builder를 통해 만들어진 TextField의 값으로 넣어야 하는 상황으로 2가지 문제가 있다 TextField를 TextFormField로 바꾸고 initialValue로 사용시 처음 출력은 잘 되지만 해당 리스트를 삭제했을 때 문제가 발생한다 (데이터는 변경이 되지만 초기 값이라서 화면단에 적용이 안됨) 각 TextField를 TextEditingController로 관리하자니 랜덤한 갯수의 데이터를 받기 때문에 모두 준비할 수가 없다 해결 방안 TextField를 Stack위젯으로 감싸고 유저가 상호작용할 수 있는 Container를 TextField위젯의 위에 배치한다 String형태의 flag변수를 하나 선언하고 기본값으로 ..
2024.04.02