전체 글 126

[Flutter] 다음 화면 스크린으로 이동(Navigator)

화면을 이동할 때 android에서 startActivitty, ios는 present였나..? 를 사용했다. 플루터에서는 단순히 Navigator를 사용해서 화면 이동을 한다. 화면을 이동할 때 단순하게 앞의 스크린을 기억하는 것은 : Navigator.push (...)를 사용하고, 앞의 스크린을 기억할 필요가 없는 경우 : 안드로이드에서 startActivity하고 finish()하는 것처럼 : Navigator.pushAndRemoveUntil(...)을 사용한다. 현재 스크린을 새로운 스크린으로 대체 애니메이션은 push와 동일 : pushReplacement 최초 스크린이 아닌 경우 뒤로가기, 최초 스크린인 경우 뒤로가지 않음 : maybePop return GestureDetector( on..

dev/flutter 2023.12.12

[Flutter] Progressbar 중앙에 배치

이미지 배경 위에 Progressbar, Indicator를 중앙에 배치하기 위해서 Stack위젯을 사용한다. 그냥 맨바닥에 프로그레스바를 올려둘 예정이면 'Stack'위젯은 필요없다. Stack( fit: StackFit.expand, children: [ Image.asset('img path', fit: BoxFit.fill ), Visibility( visible: isVisible, child: const Center( child: CircularProgressIndicator(), ), ) ], ) Visibility위젯을 사용하였는데, 해당 프로그레스바를 일정시간이 지나면 Visible, Invisible 처리하기 위함이다. 프로그레스바가 서버 API를 통해서 데이터 갱신이 완료된 경우에는 ..

dev/flutter 2023.12.12

[AOS] 스플래시 Splash 없애기

안드로이드 12, API 31 이상부터 앱 시작시 스플래시 아이콘이 표출된다. 분명히 없앴던 기억이 있는데, 플루터를 하면서 다시 정리가 필요하게 되었다. 프로젝트 창에 폴더를 하나 생성한다. : values-v31 그리고 theme파일을 생성한다. 이 테마는 AndroidManifest.xml에 application theme에 적용될 테마와 동일해야 한다. 스타일은 다음과 같다 : windowIsTranslucent를 true로 설정해주어야 완전히 제거가 된다. 이제 플루터로 넘어가보자 2023.12.12 - [dev/flutter] - [Flutter] 스플래시(Splash, Intro) 플루터에서 제공하는 flutter_native_splash는 모두 삭제한다 cmd : dart run flutt..

dev/aos 2023.12.12

[Flutter] 전체 이미지 띄우기 + 폰트 설정

pubspec.yaml에서 assets 내용 주석 해제 assets: - images/a_dot_burr.jpeg - images/a_dot_ham.jpeg assets파일 생성 : 하위에 'images'폴더 생성 yaml에 다음과 같이 작성 이미지 위젯에 이미지 띄우기 : Image위젯을 사용하였다. : Image(image: AssetImage('assets/images/img_splash_bg.png') 또는 return Center( child: Image.asset('assets/images/img_splash_bg.png'), ); 근데 왠걸 Asset not found 에러가 발생한다. 왜냐하면 pubspec.yaml에서 assets하위에 부모 경로를 설정하지 않았기 때문. 그런데도 안됐다...

dev/flutter 2023.12.12

[Flutter] Image.network 이미지 안뜨는 경우(네이버 웹툰)

스크롤이 마우스 클릭, 터치가 안되는 경우 해결 방법 main.dart에서 'MaterialApp'의 scrollBehavior를 설정해준다. : const MaterialScrollBehavior().copyWith(drageDevices: { } ) : 보안요소가 많은 경우 ScrollConfiguration위젯을 사용해서 특정 스크롤 위젯에만 적용해도 되지만, : 다음과 같이 전역적으로 적용 가능한 것이 훨씬 유용 MaterialApp( scrollBehavior: const MaterialScrollBehavior().copyWith( dragDevices: {PointerDeviceKind.mouse, PointerDeviceKind.touch}), ); Image.network에서 src ur..

dev/flutter 2023.12.11

[Flutter] 서버 통신 Http Library

플루터에서 외부 서버API를 통해 데이터를 받고 싶은 경우 다음과 같이 한다. 참고 링크 : https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev http검색 : https://pub.dev/packages/http pubspec.yaml 에서 라이브러리명 추가 : dependencies 하위에 작성 'http: ^1.1.2' dependencies: flutter: sdk: flutter http: ^1.1.2 import : alias..

dev/flutter 2023.12.08
728x90
반응형