본문 바로가기

Flutter7

Flutter Dialog 요소들 배경 투명하게 만들기 Flutter로 개발하다보면 아래 사진과 같은 UI를 개발할 때가 있을 것이다. 그런데 버튼이 2개인데 배경을 어떻게 투명하게 할까? 라는 어려움이 있어 이를 해결하였던 글을 써보았다. 그래서 이를 해결하기 위해 코드를 넣었다..! backgroundColor 를 아무리 투명으로 해도 색이 있었는데 표면의 색을 투명하게 하기 위해서는 backgroundColor을 사용하는 것이 아니었다..! surfaceTintColor도 추가하여 투명으로 두어야한다.Dialog( // 다이얼로그의 표면 색상을 설정합니다. 투명도로 설정하기 위해 Colors.transparent와 withOpacity(0.0)을 사용합니다. surfaceTintColor: Colors.transparent.withOpacit.. 2024. 6. 9.
Flutter 백그라운드 알림 (Cloud Messaging) re오늘은 회사에서 백그라운드 알림을 해보았습니다 :) 카톡이나, 인스타그램을 보면 메세지가 왔을 때 알람이 오는데, 그러한 알림 서비스 기능을 만드는 작업을 해보았는데요 :ㅐ 한 번 정리해보곘습니다~! 저희는 메세지 푸시 알림을 위해 패키지를 사용할 예정입니다. 아래 패키지는 Firebase Cloud Messaging(FCM)을 Flutter 애플리케이션에서 사용할 수 있도록 지원하는 패키지로, 우리는 앱에서 발급 받을 FCM 토큰을 발급받아 사용할 예정입니다. https://pub.dev/packages/firebase_messaging firebase_messaging | Flutter package Flutter plugin for Firebase Cloud Messaging, a cross-p.. 2024. 3. 3.
Flutter 정기 결제(구독 상품) iOS & Android 저번 이야기에서는 인앱 결제를 다루어보았다면, 저의 2번째 업무이었던 정기 결제에 대해 리뷰해보록 하겠습니다. 상품 등록은 이전 포스트에 있는 등록 방식에서 정기 결제 상품을 등록하면 됩니다. ~ 정기 결제 상품 같은 경우 상품들에 대해 인앱 결제 상품과 달리 그룹 id를 통해 관리하니 그 부분만 알고 계시면 금방하실 수 있을 것입니다. 만약 인앱 상품 결제가 궁금하시다면 이전 포스트를 보고 오세요~ 2024.02.18 - [코딩/Flutter] - [flutter] 인앱 결제 iOS & Android [flutter] 인앱 결제 iOS & Android 새로 들어간 회사에서 첫 업무는 인앱 결제 시스템을 어플리케이션 안에 도입하는 것이었다. 상품 등록을 하는 방법은 아래 링크를 따라하면 등록할 수 있고.. 2024. 2. 18.
[flutter] 인앱 결제 iOS & Android 새로 들어간 회사에서 첫 업무는 인앱 결제 시스템을 어플리케이션 안에 도입하는 것이었다. 상품 등록을 하는 방법은 아래 링크를 따라하면 등록할 수 있고, 이 글에서는 등록된 상품 id들을 바탕으로 어떻게 코드를 짜는지에 대해 다뤄 볼 예정이다. 아래와 같은 플로우를 통해 우리는 인앱 결제 화면을 볼 수 있었다. Android 인앱 상품 만들기 https://support.google.com/googleplay/android-developer/answer/1153481?hl=ko 인앱 상품 만들기 - Play Console 고객센터 도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요 support.google.com iOS 인앱 상품 등록하기 https://wp.swing2app.co.kr/kno.. 2024. 2. 18.