전체 글 (30) 썸네일형 리스트형 [Flutter] Text 위젯에서 꼭 처리해야 overflow 앱을 스토어에 실제로 공개할 때 꼭 고려해야 할 내용중 하나가 기기별 사이즈입니다. 그 중에서도 Text가 화면을 벗어날 경우 화면이 깨지는 경우가 발생합니다. 정말 난감하겠죠 ㅠ 그래서 꼭 Text가 overflow될 경우에 대한 처리를 습관처럼 하는게 중요합니다. overflow 를 처리하는 옵션은 5가지입니다. 주로 많이 사용하는 옵션은 ellipsis("..." 으로 나오는)를 많이 사용하지만 다른 옵션이 필요할 경우 사용하시면 됩니다. [AppStore&PlayStore] 스크린샷 만들기(with Figma) 앱의 디자인이 변경될때 꼭 신경써 주어야 할 부분이 앱이 노출되는 영역의 스크린샷입니다. 앱을 홍보할수 있는 작은 영역이기도 하고, 제품을 다운받지 않고도 앱을 보여줄 수 있는 많지 않은 영역이죠. 그런 만큼 신경써서 관리해주서야 할 부분이기도 합니다. . 가운데 붉은 색 박스의 영역으로 모두가 아실만한 내용일 겁니다. 앱의 스크린샷만 등록하는 앱도 있지만 그래도 각자 만든 앱의 기능과 특징을 설명하는 스크린샷을 만들고 싶으실 겁니다. 저도 여러가지 방법들을 사용하여 시도해 보았지만, 툴을 결정할 때 제가 가장 중요하게 생각한 항목은 다음과 같습니다. 1. 앱스토어+플레이스토어 모두 작업이 가능할 것 2. 커스터마이징 영역이 너무 적지 않을 것 (눈만 높은 저같은 사람이 봤을때 퀄리티가 너무.. ㅠㅠ) .. [Flutter] 버전명과 빌드번호 변경하기 앱스토어와 플레이스토어 모두 새로운 버전을 업로드하기 위해서는 새로운 버전명과 빌드번호를 사용해야 한다. 그래야 새로운 버전으로 인식함 !! 버전명과 빌드번호를 변경하는 방법은 아주 간단하다. pubspec.yaml 파일을 열고 제일 상단에 있는 version 속성을 변경하면 된다. # followed by an optional build number separated by a +. # Both the version and the builder number may be overridden in flutter # build by specifying --build-name and --build-number, respectively. # In Android, build-name is used as versio.. [Flutter] Text Weight 최근 트렌드는 화면에 이미지를 배치하기 보다는 텍스트 기반 + 포인트 아이콘으로 앱작업을 많이 하는 것 같습니다. flutter 의 폰트는 생각보다 많은 기능을 제공합니다. UI 디자인을 위해 필요한 필수적인 Text, 즉 글자의 두께 입니다. TextStyle 의 fontWeight 속성을 통해 9단계의 두께 조절이 가능합니다. 참고로 아무 속성이 없는 normal은 w400, bold 속성은 w700 입니다. 그 사이에 두께를 조절하고 싶을 때 사용하면 됩니다. [Flutter] GestureDetector child 전체 영역 Tab 저는 위젯의 tab 동작을 시키는데 있어, InkWell 보다 GestureDetector 사용을 선호합니다. 이유는 위젯을 롱프레스 했을때 InkWell 은 위젯의 이름처럼 색상이 번지는 현상이 있기 때문입니다. 따라서 특정 목적이 아닐경우 심플하게 GetstureDetector를 사용합니다. 장점만 있을 수 없듯이 GestureDetector는 child에 사용된 위젯의 영역에만 작동을 합니다. 주로 발생하는 경우가 GestureDetector의 child로 Text를 사용하면, Text가 차지하는 영역이 아닌경우, 글자가 비는 공백영역을 Tab할 경우 작동되지 않습니다. 이런 경우 아래와 같은 속성을 사용하시면 해결이 가능합니다. GestureDetector( behavior: HitTestBeha.. [Flutter] Asset Image 사용하기 (feat. Radius) 이미지를 사용하는 여러가지 방법중 Asset image를 사용하는 방법입니다. Image.asset( 'assets/icons/structure_agent.png', fit: BoxFit.cover, ), 간단합니다. 그리고 이미지를 사용할때 있는 그대로 사용하기도 하지만 코너에 둥근 모서리를 주는 경우가 많죠. 그럴경우 사용할 수 있는 예제입니다. Padding( padding: const EdgeInsets.only(left: 15.0, right: 15), child: ClipRRect( borderRadius: BorderRadius.circular(5), child: Image.asset( 'assets/icons/structure_agent.png', fit: BoxFit.cover, ), ).. [Flutter] appsotre 배포하기 1. % flutter clean 2. % flutter build ios 3. Xcode 오픈 4. prodec > Archive : 약 5분정도 소요됨 5. distribute app > appsotre connect > upload > Automatically signing [Flutter] Play store appbundle 업로드 1. play store console 로 들어감 2. 좌측 메뉴바에서 app bundle 탐색기 > 새 버전 업로드 3. 빌드한 aab 파일 업로드 4. 업로드한 aab 의 버전과 빌드번호 확인 5. 좌측 메뉴바에서 프로덕션 > 새버전만들기 > 라이브러리에서 추가 6. 출시노트 수정 후 버전검토 이전 1 2 3 4 다음
