Tag: flutter

2023
frontendflutter

flutter local notification 사용하기

패키지 설치1flutter pub add flutter_local_notifications local notification 패키지를 설치해 줍니다. Android 프로젝트경로/android/app/src/main/AndroidManifest.xml에 다음을 추가합니다. 12android:showWhenLocked="true"android:turnScre

frontendflutter

flutter splash screen과 app icon 설정

12flutter pub add flutter_native_splashflutter pub add flutter_launcher_icons 패키지를 설치합니다 AppIcon을 제작할때는 Kitchen Icon Site를 참고합니다. 코드 추가pubspec.yaml 파일 맨 하단에 다음 코드를 추가해주도록 합니다.다음 경로에 이미지가 있어야합니다. ass

frontendflutter

안드로이드 flutter 빌드시 주의사항

안드로이드 빌드하기구글 플레이 콘솔에서는 aab파일을 업로드 해야합니다. flutter 프로젝트 루트에서 다음 커맨드를 입력합니다. 1flutter build appbundle 위의 커맨드를 입렵하면 aab파일로 번들이 됩니다. apk 파일로 따로 다운로드 받고 싶을때는 다음처럼 커맨드를 입력하면 됩니다. 1flutter build apk 빌드 버전버전

frontendflutter

flutter firebase crashlytics 추가하기

firebase crashlytics는 사용자가 앱을 사용하면서 발생하는 크리티컬한 에러들이 발생한 내역을 확인할 수 있는 서비스입니다. 공식 문서 먼저 이전에 firebase 기본 설정들을 해줍니다.설정방법은 이전 포스트에서 다루었습니다 1flutter pub add firebase_crashlytics 1flutterfire configure 두가지

frontendflutter

flutter firebase 초기 설정하기

firebase 사이트에서 기본적으로 설정이 완료 되어있는 상태 firebase-tools을 설치한다. 1npm i -g firebase-tools 컴퓨터에 firebase의 id,pw 가 등록되어있어야한다.파이어베이스 로그인을 진행한다. 1firebase login configure를 입력하면 자동으로 flutter에 맞게 appId 값들이 지정된다.

2021
frontendflutter

flutter에 스타일(margin, padding, border, border-radius) 적용하기

시작하기웹에서 엘리먼트에 스타일을 넣으려면 css를 사용하는 것은 대부분 아는 사실입니다. 크로스 플랫폼의 react native의 경우에는 js와 같은 방식으로 사용합니다. 하지만 사용방법은 크게 다르지 않죠. flutter에서는 margin, padding, border, border-radius 등을 어떻게 넣을 수 있을까 사용해보도록 하겠습니다. 기

frontendflutter

flutter에서 bottom Navigation 구현하기

시작하기어플리케이션을 사용해보면 하단에 스크린을 손쉽게 이동할 수 있도록 도와주는 네비게이션이 있습니다. 플러터에서도 이 네비가 탑재가 되어있습니다. 구현하기기본 MyApp에서 MyBottomNavigationBar 클래스를 MaterialApp 내부 home에 실행시켜주도록 합니다. main.dart123456789101112131415161718192

frontendflutter

flutter(플러터) 초기설정 - mac

시작하기플러터는 구글이 개발한 오픈소스 크로스 플랫폼 개발 프레임워크입니다.크로스 플랫폼이란 react native 와 같이 하나의 개발을 통해 ios, android 개발을 동시에 진행 할 수 있어서 생산성이 높습니다.기존에 react native를 사용해보았기에 flutter와 미약하나마 다른 점을 확인할 수 있었습니다.react native는 자바스크