Flutter2 # widget002: FutureBuilder Future 객체 dart에서 비동기 함수일 경우, Future를 래핑해서 Response 반환하는데 이 Future를 이용해서 쉽게 UI를 구현할 수 있다. UI 구현 future로 래핑된 데이터를 사용해서 화면을 그릴 수 있다. snapshot에 데이터가 담겨오고 있음. snapshot.hasData를 통해서 데이터 존재 여부를 판단할 수 있다. 데이터를 아직 못받아왔을 경우, CircularProgressIndicator 위젯을 사용해서 로딩 중을 쉽게 구현 가능함. snapshot.data로 실제 데이터를 접근할 수 있음. //.dart FutureBuilder( future: futureData,//future로 래핑된 데이터 변수. builder: (context, snapshot) {//sn.. 2023. 6. 14. #widget 001: PageView 1) UI 구성할 때 controller 클래스가 필요하다. PageView 위젯 생성 시 controller를 등록해줘야한다. 페이지별 표현해줘야하는 위젯은 chidren에 추가해준다. //.dart //Controller가 필요 PageController pageController = PageController(); //pageView 구성 PageView( controller: pageController, children: [ Image.network(), ... ] ); 2) 내부 구현 로직 현재 페이지를 가져오거나 다른 위젯을 표현하기 위해 페이지 이동하는 경우 //현재 페이지 int? currentPage = pageController.page?.toInt(); int nextPage = cu.. 2023. 6. 14. 이전 1 다음
