반응형 Flutter5 [flutter] 플러터 FutureBuilder, StreamBuilder 비동기 사용법 이론 간단 정리 FutureBuilder 비동기로 데이터를 가져올때 사용한다. 보통 api통신에서 많이 사용되며, snapshopt상태에 따라서 다양한 기능을 넣을 수 있다. StreamBuilder 비동기로 데이터를 가져올때 사용한다. FutureBuilder와는 다르게 데이터를 stream형태로 지속적으로 가져와서 위젯을 추가 또는 삭제 할 수 있다. FutureBuilder 간단 사용방법 FutureBuilder 함수 (보통 api통신부분이 들어가지만 delay를 써서 간단한 함수 구현) getNumber함수는 3초 뒤에 랜덤값을 반환하는 함수. 반환값은 Future 이다. Future getNumber() async { await Future.delayed(Duration(seconds: 3)); final ra.. 2023. 2. 2. [flutter] 비디오 재생하는 방법 - 외부 플러그인 사용, ViodeoPlayer 1. 사용 권한 주기 iOS 2. pub.dev 플러그인 다운로드 3. 갤러리에서 선택한 동영상 가져오기 4. 선택한 동영상 (컨트롤러)를 활용하여 제어하기 5. 비디오 컨트롤러 주요 함수 1. 사용 권한 주기 iOS - Android 권한 필요없음 // flutter 프로젝트 -> ios -> Runner -> Info.plist NSPhotoLibraryUsageDescription 사진첩 권한을 허용해 주세요 NSCameraUsageDescription 카메라 권한을 허용해 주세요 NSMicrophoneUsageDescription 마이크 권한을 허용해 주세요 2. pub.dev 플러그인 다운로드 // flutter 프로젝트 -> pubspec.yaml dependencies: flutter: sd.. 2023. 2. 1. [flutter] 버튼 눌림(클릭) 효과 주기 - 스타일 변경 플루터에서 버튼 스타일 및 눌림 효과 주는 방법 1. 버튼 스타일 변경 명칭은 다르지만 적용하는 속성의 명칭은 모두 동일합니다. 1-1. ElevatedButton ElevatedButton.styleFrom 사용 ElevatedButton( onPressed: () {}, child: Text( "ElevatedButton", ), style: ElevatedButton.styleFrom( // 글자 및 에니메이션 색상 foregroundColor: Colors.black, // 메인 칼라 backgroundColor: Colors.red, //그림자 색상 shadowColor: Colors.green, // 3d 입체감 효과 elevation: 100, textStyle: TextStyle( font.. 2023. 2. 1. [flutter] 페이지 이동시 값 전달, 수신 - 네비게이션 방법 (파라미터 전달 방법) 플러터에서 네비게이션 즉, 페이지 이동 방법 종류, 페이지 이동시 파라미터 전달 방법에는 크게 2가지 방법이 있습니다. 수동 이동 방법과 페이지를 네이밍 하여 이동하는 방법 이렇게 크게 두가지를 정리해보겠습니다. 1. 수동 방법 1-1 .이동 (Push) // 페이지 이동 // 이동하고자 하는 페이지를 Navigator에 Push한다 Navigator.of(context).push( MaterialPageRoute( builder: (context) => RouteOne(), ), ); 2. 네임드 페이지 이동 방법 앱시작 부분 (메인 함수에 라우팅 등록) MaterialApp( //시작 페이지 initialRoute: "/", routes: { "/": (context) => HomeScreen(), .. 2023. 1. 31. 이전 1 2 다음 반응형
