안녕하세요~ totally 개발자입니다. 컨테이너 안에 텍스트를 넣는 경우 가로 길이를 원하는대로, 반응형으로 하기 원하시는 분들이 있으실 겁니다. 보통 아래와 같이 일반적으로 컨테이너 위젯 안에 단일 텍스트 위젯 구성으로 되어 있으면 자동으로 이것이 가능하지만Container( child: Text("HELLO WORLD"),), Row 위젯 등 여러 위젯들과 같이 복합적으로 사용될 때에는 IntrinsicWidth 같은 위젯 사용이 필요합니다.예를 들어, 2개의 텍스트가 있는 박스가 Row 위젯 안에 들어있다고 가정합니다. 코드는 아래와 같습니다. Row( children: [ Expanded( child: Container(color: Colors.blue, child: Tex..

안녕하세요~ totally 개발자입니다. 먼저 기존 포스팅을 진행하셔야 하며, 이 포스팅에서는 플러터에 Appsflyer를 설치하는 방법을 소개합니다.https://totally-developer.tistory.com/192 [001] Appsflyer - Flutter(플러터) 연동하기 1안녕하세요 totally 개발자입니다. 이번 포스팅에서는 Appsflyer 마케팅 도구를 가지고 Flutter에 연동하는 방법에 대해 소개하도록 하겠습니다. Step 1: Appsflyer 웹사이트에 들어가신 후 회원가입을 진totally-developer.tistory.com  Step 1: 먼저 pubspec.yaml 파일에 appsflyer_sdk 패키지를 설치합니다. (현재 기준 최신 버전)  Step 2: 그..

안녕하세요~ totally 개발자입니다. 앱을 개발하다보면 HTML 코드를 표시해야 하는 경우가 생기는 데, 그 경우 사용하기 좋은 패키지가 있습니다. 바로 simple_html_css입니다.  자세한 사용법은 아래 문서를 참고하시기 바라며 예제를 통해 바로 실습해보도록 하겠습니다.https://pub.dev/packages/simple_html_css simple_html_css | Flutter packageThis package allows you to use simple HTML and inline CSS styles to style your text in flutter. A fork of css_text package.pub.dev Step 1: 먼저 pubspec.yaml 파일에 simple_..

안녕하세요 totally 개발자입니다. 오늘 이 시간에는 GetX 상태 관리 패키지, Dio를 이용하여 setState 사용 없이 간단하게 상태를 업데이트할 수 있도록 리스트를 만들어 보겠습니다. 페이지 1개, model 객체 1개, controller 1개씩 이용하여 만들어보도록 하겠습니다. 데이터는 https://jsonplaceholder.typicode.com/todos 여기에서 받아오도록 하겠습니다. GetX의 기본 원리는 아래와 같습니다. 1) 기존 MaterialApp 대신 GetMaterialApp으로 감싸줍니다.2) UI에서 사용될 페이지가 로딩됩니다.3) 페이지에서 사용할 상태를 컨트롤러를 등록 및 활용하여 업데이트한다.4) GetX, GetBuilder, Obx 등의 위젯을 사용하여서..

안녕하세요 totally 개발자입니다. flutter_native_splash를 사용하면 간단하게 스플래시 화면을 구축할 수 있는데, 단점은 직접 커스텀해서 만들 수는 없어서 정해진 틀 안에서 사용하시면 좋은 패키지입니다. 이 패키지를 사용하면 화면의 중앙부, 하단부, 배경 이 3 부분을 활용해서 제작을 해야 합니다.pubspec.yaml 맨 하단에flutter_native_splash:  color: "#ffffff" # 배경 색  image: "assets/splash_image.png" # 중앙 이미지  branding: "assets/branding_image.png" # 하단 이미지  android_12:    color: "#ffffff"    image: "assets/splash_andro..

안녕하세요 totally 개발자입니다~ Firebase Cloud Messaing (FCM) 푸시 알림 세팅할 때 안드로이드에서 세팅을 다 완료해준 것 같은데 아래와 같은 오류가 뜨는 경우가 있습니다. "W/FirebaseMessaging(24847): Missing Default Notification Channel metadata in AndroidManifest. Default value will be used." 이는 AndroidManifest에 default_notification_channel_id 부분이 제대로 인식되지 않기 때문에 나오는 오류인데, 아래처럼 위치를 조정해주면 빠르게 해결할 수 있습니다.  위치를 activity 태그 안에 두는 것이 아니라, application 태그 안에..