반응형 [개발] 이야기/[Flutter] 이야기16 [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] dart 키워드로 보는 기본문법 총정리 - dart A to Z 문서 하나로 보는 정리 다트언어는 플루터 앱들을 만드는데 사용됩니다. 제가 몇가지 언어를 배웠는데 다트언어는 그 중 여러 언어의 장점들만 모아놓은 느낌이 듭니다. 물론 다른 언어보다 최근에 나온 언어이기 때문에 가능하다고 생각됍니다. 그럼 다트언어가 어떠한 장점이 있는지 다른언어에 비해서 어떤점이 좋은지 확인해 봅시다.! dartpad (https://dartpad.dev/) dart를 웹으로 실행할 수 있는 사이트 입니다. 간단하게 dart를 테스트 해볼 수 있습니다. 주석 // 줄주석 /* 영역 주석 */ 자료형 자료형 설명 예시 String 문자열 String name = '헤이나우' String name = "헤이나우" int 정수 int i = 1 double 실수 double i = 1.0 bool 참, 거짓 boo.. 2023. 1. 15. 이전 1 2 3 4 다음 반응형
