플러터 플러터 TextField 스타일주는법 icon 파라미터 대신 prefixIcon:, suffixIcon: 파라미터도 있음. 커서 찍혔을 때, 에러일 때 등 테두리 관련 파라미터 border: focusedBorder: disabledBorder: errorBorder: focusedErrorBorder: OutlineInputBorder() : 상하좌우 테두리 UnderlineInputBorder() : 하단 테두리 InputB... 앱개발플러터flutterflutter 플러터 ThemeData 스타일만 모아서 ThemeData 위젯으로 만든 뒤 theme 파라미터로 추가할 수 있음 스타일 중복이 발생 할 시 물리적으로 가까운 스타일을 먼저 적용하려고 함 ThemeData 길어질 경우 lib 폴더 안에서 다른 dart 파일로 만들어놓고 import 해오면 깔끔하게 관리 가능 import '경로' as 작명 으로 경로파일의 변수, 함수, 클래스 전부 사용 가능 styleFrom은 Bu... 앱개발플러터flutterflutter 플러터 Future, Future Builder, Dio 패키지 서버에 GET, POST 요청할 일이 많으면 http 패키지보단 Dio 패키지 설치해서 쓰는게 좋을수도있음. state 내용이 GET요청으로 늦게 도착하는 경우 FutureBuilder()로 state 사용하는 곳을 감싸주면됨. 입력한 Future 변수가 실제 데이터로 변할 때 내부 함수 1회 실행해주는 함수 데이터 추가되는 경우가 잦으면 오히려 귀찮은 위젯이기 때문에 GET 요청에는 적합하... 앱개발플러터flutterflutter 플러터 Image picker 사용예시 고른 이미지 사이즈, 화질 조정 가능.... 앱개발플러터flutterflutter 플러터 기본 위젯 넣는 법 Material Design 과 Cupertino(아이폰 스타일) 둘중 하나 쓰려면 각각의 테마위젯 불러와서 써야하고 커스텀하겠다 하면 일단 Material을 불러와서 커스텀을 해야함. Material Design 쓰려면 일단 pubspec.yaml 파일에 uses-material-design true로 켜져 있어야함. 기본 설정 되있는듯 Scaffold 위젯은 appBar, body, bo... 앱개발플러터flutterflutter 플러터 Typography 와 Layout 만드는법 Text() 위젯안엔 style 파라미터 넣을 수 있음 background, fontsize, fontweight 등등 css 할 때 선언해주는 그런 비슷한것들 다 쓸 수 있음. 1) 미리 정해진 색상표에서 선택 2) RGB코드랑 투명도까지 넣는법 3) hex칼라로 고르는 방법 0xff 필수로 붙여야함 생긴것만 다르고 이중에 골라쓰면 됨. onPressed는 필수 요소 클릭 시 동작을 정의하... 앱개발플러터flutterflutter 플러터 Expanded, Flexible Row 안에서 박스를 여러개 배치할때 %로 영역을 나누고 싶을 때 flex는 이 박스가 가로폭을 얼마나 차지할 지 나타내는 배수 Column 안에서도 마찬가지로 사용가능 하나의 박스만 가로폭을 꽉 채우고 싶을 때 사용... 앱개발플러터flutterflutter 플러터 커스텀 위젯, ListView 작명할 부분의 함수명은 영어대문자로 시작해야함 return 오른쪽에 축약할 위젯부분을 넣으면 됨. 커스텀 위젯은 만들어놓으면 아무데나 사용가능하다. 커스텀 위젯 안에서 커스텀 위젯 사용가능하다 아무거나 다 커스텀 위젯화 하면 안되고 재사용이 잦은것, 큰 페이지들을 커스텀 위젯화 무한스크롤 가능 데이터만 있으면 자동으로 반복문 돌려줌 지나간 목록은 삭제해서 메모리 아낄 수 있음.... 앱개발플러터flutterflutter 플러터 ListView.Builder, ListTile, 버튼 왼쪽에 그림있고 오른쪽에 글 있는 레이아웃 있을 때 사용하면 편함. 리스트를 동적으로 반복해서 생성하고 싶을 때 사용 하단에 공중에 뜬 버튼이 생성이 됨. 버튼 눌렀을 때의 동작은 onPressed에다 작업... 앱개발플러터flutterflutter 플러터 Dialog창 , context 원래 실행하던 소스로 실행할 시 MaterialApp 이 없어서 안된단 오류가 나며 Material App 밖으로 빼준뒤 실행하면 된다 이거는 context 관련한 내용인데 그냥 강의 한번 더 들ㅇ면 이해됨 족보같은거라고 보면됨.그치만 부모들의 족보만 있음. ShowDialog 처음에 적었을 때 안됐던것은 그때 당시의 파라미터인 context의 족보정보에 MaterialApp이 없어서 그런것... 앱개발플러터flutterflutter 플러터 부모 자식 widget간 state 공유 보내기 DialogUI( state : a ) 작명 : 변수명으로 파라미터에 추가 자식은 state 이름을 등록 this.작명한 이름, final 작명한 이름 2개 추가 DialogUI 변수 선언부분의 {} 는 {}안의 파라미터는 선택적인 파라미터라는 뜻 사용 자식 -> 부모로 전송은 안됨, 관련없는 widget끼리의 전송도 불가 state는 최대한 위에 보관하는게 좋다... 앱개발플러터flutterflutter 플러터 유저에게 앱 권한 요청하기 permission_handler - pubspec.ymal 파일에 버전기록 android 폴더 gradle.properties 파일 내 아래 내용 확인 android/app/build.gradle 파일 중간에 compileSdkVersion 확인 31로 맞추거나, 숫자말고 이상한 문자 채워져있으면 일단 냅둘것 android/app/src/main/AndroidManifest.xml 파일에 ... 앱개발플러터flutterflutter 플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기 UI의 현재 상태를 저장할 state를 생성 state를 만들때는 StatefulWidget으로 변경해야함. 그 State에 따라 UI 가 어떻게 보일 지 코드 만들어두고 유저가 state를 조작할 수 있는 기능 개발(클릭한다거나) http 라는 패키지 설치가 필요함. pubspec.yaml 파일 내 아래 내용 추가 후 pub get main.dart 맨 위 import 추가 android/... 앱개발플러터flutterflutter 플러터 스크롤위치 파악하는법, 더보기요청 문자 ${변수명} 문자 StatefulWidget은 class가 2개, 부모가 보낸 state를 사용하는 경우 첫번째 클래스에서 등록해주고 사용은 두번째 클래스에서 사용 사용할때는 widget.변수명과 같이 앞에 widget.이 붙어야함. ScrollController를 저장할 변수를 만들고 그 변수를 ListView.builder 위젯에 controller 파라미터로 추가하면 scroll ... 앱개발플러터flutterflutter 플러터 상세페이지 만들기 Navigator 앱개발플러터flutterflutter 플러터 shared preferences 데이터 저장 & 출력 & 삭제 String, bool, int, double, stringList 가능 map 형식 자료는 jsonEncode 해서 string 으로 저장 이미지는 저장 못함,. 이미지 저장하려면 cached_network_image 같은 패키지 사용하면됨.... 앱개발플러터flutterflutter 플러터 GestureDetector 텍스트나 이미지 등의 위젯을 이 위젯으로 감싸면 해당 위젯을 어떻게 만지는지 다 감지해서 동작 추가해 줄 수 있음 onTap ( 한번클릭 ) onDoubleTap( 더블탭 ) onLongPress ( 길게 누를 때 ) onScaleStart ( 두손가락으로 줌인 시 사용 ) 그 외 등등 엄청 많음 CupertinoPageRoute() import 'package:flutter/cupertin... 앱개발플러터flutterflutter 플러터 Provider 패키지 전송 없이 모든 위젯이 state를 직접 가져다쓸 수 있게 만들어주는 패키지 state 보관하는 store 필요 store 등록 필요 store를 사용할 위젯들을 전부 ChangeNotifierProvider()로 감싸면됨. 모든 위젯에 다 사용할 경우 MaterialApp을 감싸면 끝 create 안에는 Store1를 넣으면 되고 child에 적용할 위젯을 추가 store에 있는 state... 앱개발플러터flutterflutter 플러터 GridView, CustomScrollView ListView나 GridView 사용시 자동으로 스크롤이 생성되지만 다른요소와 합쳐 사용하는 경우에는 해당 위젯을 쓴 영역만 스크롤이 됨. 여러 요소를 합쳐서 크게 스크롤바를 만들고 싶을 때 사용하는 위젯 대충 Column이랑 똑같은 용도지만 스크롤바 생기고 문법도 약간은 다름 스크롤 영역안에 ListView : SliverList() 스크롤 영연안에 GridView : SliverGrid... 앱개발플러터flutterflutter 플러터 Firestore 사용 firebase 에서 사용가능한 2개 DB 중 하나 realtime database, firestore 이렇게 2개 있음. NoSQL DB, SQL 문법없이 사용하는 DB 폴더( collection )를 하나 만들고 그 안에 문서( document )를 넣는식으로 자료 저장 document 안에는 Map 자료형으로 자료 저장 문서 하나 당 최대 2MB 문자 자료만 저장 가능 - ex. { n... 앱개발플러터flutterflutter flutter로 에브리타임 시간표 따라하기 아무리 찾아도 비슷한 코드가 없었다... 하나 만들면 좋을 거 같아서 그냥 만들어봤다. 더 좋은 방법이 있다면 알려주시면 감사하겠습니다. 1. 틀 만들기 사용한 변수들, 사이즈는 내 마음 먼저 에브리타임 시간표처럼 회색 틀을 만들어준다. 높이를 저렇게 설정한 이유가 있을텐데... 지금은 좀 지나서 그런지 기억이 나지 않는다. 2. row를 중심으로 할지, column을 중심으로 할지 처음 시... 플러터flutter생각flutter M1 플러터 실행 오류 오늘 플러터를 배워볼까 하고 실행하는데 이런 오류들이 발생했다. 구글링 해보니 자바 버전을 낮추래서 자바 버전을 11로 낮췄는데도 안되고, gradle의 JVM 경로 바꾸는 방법도 이것저것 해봤는데 안돼서 몇시간이고 해맸다. 그러던 중 자바 16버전을 아예 삭제했더니 이런 오류로 바뀌었다! 낮은 버전의 자바를 설치했지만, gradle은 그냥 16버전을 쓰고 있던 것이었다... 여기서 zip으... 플러터flutterM:1M:1 플러터 UI 챌린지 #1 BottomNavigationBar 가 스캐폴드의 Body를 컨트롤 하는 구성 AppBar와 BottomNavigationBar 를 제외 하고, 상 - 중 - 하 3단계로 구분 할 수 있는 구조 상단 Container의 BoxDecoration에서 BorderRadius 값을 설정 해 테두리가 둥근 박스 설정 국가 설정 버튼, 전화 버튼, SMS 버튼 디자인은 Chip 위젯을 이용하면 편리하... flutterUI플러터UI Dartpad workshop 사용해보기 curl -sL | bash 2.1 firebase project 만들기 프로젝트 설정에서 기억해두기 firebase login firebase login 2.3 FIREBASE_TOKEN 환경변수 추가 vi .zshrc 위 2.2 에서 출력된 토큰을 추가한다 export FIREBASE_TOKEN=출력토큰 현재 터미널에 적용 source .zshrc 2.4 토큰이 정상적으로 적용됬는지 확인... flutterdartDartpad플러터Dartpad 앱 용량 줄이기 이번 포스팅에서는 Flutter의 앱 용량을 줄였던 과정에 대해 공유할 예정이다. 확인 결과, ML Kit 라이브러리를 추가하며 용량이 많이 증가한 것을 확인했다. 감정일기 앱에서는 onDevice Translation만 사용한다. 다른 ML Kit의 기능은 필요하지 않다. 나와 동일한 문제를 겪는 사람들이 많았고 서로 해결 방법을 공유하고 있다. 커뮤니티에서 힌트를 얻어 사용하지 않는 모델... flutter플러터감정일기flutter TextFormField 문제 해결 이번 포스팅에서는 Flutter의 TextFormField 사용하며 겪었던 문제를 공유할 예정이다. Cursor의 위치가 이상하다. 그래서 글이 잘 써지지 않는다. 처음에는 기분 탓이겠지.. 내 디바이스에서 잠깐 그러는 것이겠지 하고 넘겼다. 그러나 다른 디바이스에 설치했을 때도 동일한 문제 발생.. 아직 플러터가 안정화되지 않아 이러한 문제가 발생하는건가? 라고 플러터를 의심했다.(미안..... flutter플러터감정일기flutter 플러터 UI 챌린지 #2(메가박스 클론-1) "오 이거 내가 만들 수 있을 것 같은데?" 앱 프론트 개발자로서 한 번 도전 할 만 하다고 생각 됐다. 전체 색상에 그라데이션이 적용 된다. 내가 선택 한 방법은 간단하다. 전체 그라데이션이 적용 된 Container와, 그보다 아주 살짝 작은 Container를 겹친다. 그럼 전체 그라데이션이 적용 된 Container가 살짝 삐져 나오는데, 시각적으론 버튼 테두리에 그라데이션이 적용 된... flutter플러터flutter FutureBuilder 가 계속 동작해요! 내 마음 속 통계청 오피셜, 플러터로 개발 할 때 제일 빡치는 순간 1순위 "퓨처 빌더가 지 멋대로 동작 할 때" 키보드가 올라 올 때 마다 FutureBuilder가 다시 동작해, 화면이 계속 새로고침 된다. FutureBuilder와 TextField 가 한 화면에 있을 때, 초보 플러터 개발자들이 쉽게 만날 수 있는 문제. 키보드가 올라오면 화면이 새롭게 그려지면서, FutureBuil... flutter플러터futurebuilderflutter [플러터] 하이브리드 앱 만들기 <webview + 웹서버> 본 글은 flutter 2.8.1, dart 2.15.1을 기준으로 작성되었습니다. 본 글은 에서 제시한 방법 중 webview_flutter 라이브러리와 웹서버를 이용하여 하이브리느 앱을 만드는 방법에 대해 다루고 있습니다. 가장 많은 LIKES와 POPULARITY를 가지고 있습니다. 때문에 오류나 구현 방법 등에 있어 더 많은 사용자와 교류할 수 있습니다. webview_flutter ... 프론트엔드웹플러터웹 이전 기사 보기
플러터 TextField 스타일주는법 icon 파라미터 대신 prefixIcon:, suffixIcon: 파라미터도 있음. 커서 찍혔을 때, 에러일 때 등 테두리 관련 파라미터 border: focusedBorder: disabledBorder: errorBorder: focusedErrorBorder: OutlineInputBorder() : 상하좌우 테두리 UnderlineInputBorder() : 하단 테두리 InputB... 앱개발플러터flutterflutter 플러터 ThemeData 스타일만 모아서 ThemeData 위젯으로 만든 뒤 theme 파라미터로 추가할 수 있음 스타일 중복이 발생 할 시 물리적으로 가까운 스타일을 먼저 적용하려고 함 ThemeData 길어질 경우 lib 폴더 안에서 다른 dart 파일로 만들어놓고 import 해오면 깔끔하게 관리 가능 import '경로' as 작명 으로 경로파일의 변수, 함수, 클래스 전부 사용 가능 styleFrom은 Bu... 앱개발플러터flutterflutter 플러터 Future, Future Builder, Dio 패키지 서버에 GET, POST 요청할 일이 많으면 http 패키지보단 Dio 패키지 설치해서 쓰는게 좋을수도있음. state 내용이 GET요청으로 늦게 도착하는 경우 FutureBuilder()로 state 사용하는 곳을 감싸주면됨. 입력한 Future 변수가 실제 데이터로 변할 때 내부 함수 1회 실행해주는 함수 데이터 추가되는 경우가 잦으면 오히려 귀찮은 위젯이기 때문에 GET 요청에는 적합하... 앱개발플러터flutterflutter 플러터 Image picker 사용예시 고른 이미지 사이즈, 화질 조정 가능.... 앱개발플러터flutterflutter 플러터 기본 위젯 넣는 법 Material Design 과 Cupertino(아이폰 스타일) 둘중 하나 쓰려면 각각의 테마위젯 불러와서 써야하고 커스텀하겠다 하면 일단 Material을 불러와서 커스텀을 해야함. Material Design 쓰려면 일단 pubspec.yaml 파일에 uses-material-design true로 켜져 있어야함. 기본 설정 되있는듯 Scaffold 위젯은 appBar, body, bo... 앱개발플러터flutterflutter 플러터 Typography 와 Layout 만드는법 Text() 위젯안엔 style 파라미터 넣을 수 있음 background, fontsize, fontweight 등등 css 할 때 선언해주는 그런 비슷한것들 다 쓸 수 있음. 1) 미리 정해진 색상표에서 선택 2) RGB코드랑 투명도까지 넣는법 3) hex칼라로 고르는 방법 0xff 필수로 붙여야함 생긴것만 다르고 이중에 골라쓰면 됨. onPressed는 필수 요소 클릭 시 동작을 정의하... 앱개발플러터flutterflutter 플러터 Expanded, Flexible Row 안에서 박스를 여러개 배치할때 %로 영역을 나누고 싶을 때 flex는 이 박스가 가로폭을 얼마나 차지할 지 나타내는 배수 Column 안에서도 마찬가지로 사용가능 하나의 박스만 가로폭을 꽉 채우고 싶을 때 사용... 앱개발플러터flutterflutter 플러터 커스텀 위젯, ListView 작명할 부분의 함수명은 영어대문자로 시작해야함 return 오른쪽에 축약할 위젯부분을 넣으면 됨. 커스텀 위젯은 만들어놓으면 아무데나 사용가능하다. 커스텀 위젯 안에서 커스텀 위젯 사용가능하다 아무거나 다 커스텀 위젯화 하면 안되고 재사용이 잦은것, 큰 페이지들을 커스텀 위젯화 무한스크롤 가능 데이터만 있으면 자동으로 반복문 돌려줌 지나간 목록은 삭제해서 메모리 아낄 수 있음.... 앱개발플러터flutterflutter 플러터 ListView.Builder, ListTile, 버튼 왼쪽에 그림있고 오른쪽에 글 있는 레이아웃 있을 때 사용하면 편함. 리스트를 동적으로 반복해서 생성하고 싶을 때 사용 하단에 공중에 뜬 버튼이 생성이 됨. 버튼 눌렀을 때의 동작은 onPressed에다 작업... 앱개발플러터flutterflutter 플러터 Dialog창 , context 원래 실행하던 소스로 실행할 시 MaterialApp 이 없어서 안된단 오류가 나며 Material App 밖으로 빼준뒤 실행하면 된다 이거는 context 관련한 내용인데 그냥 강의 한번 더 들ㅇ면 이해됨 족보같은거라고 보면됨.그치만 부모들의 족보만 있음. ShowDialog 처음에 적었을 때 안됐던것은 그때 당시의 파라미터인 context의 족보정보에 MaterialApp이 없어서 그런것... 앱개발플러터flutterflutter 플러터 부모 자식 widget간 state 공유 보내기 DialogUI( state : a ) 작명 : 변수명으로 파라미터에 추가 자식은 state 이름을 등록 this.작명한 이름, final 작명한 이름 2개 추가 DialogUI 변수 선언부분의 {} 는 {}안의 파라미터는 선택적인 파라미터라는 뜻 사용 자식 -> 부모로 전송은 안됨, 관련없는 widget끼리의 전송도 불가 state는 최대한 위에 보관하는게 좋다... 앱개발플러터flutterflutter 플러터 유저에게 앱 권한 요청하기 permission_handler - pubspec.ymal 파일에 버전기록 android 폴더 gradle.properties 파일 내 아래 내용 확인 android/app/build.gradle 파일 중간에 compileSdkVersion 확인 31로 맞추거나, 숫자말고 이상한 문자 채워져있으면 일단 냅둘것 android/app/src/main/AndroidManifest.xml 파일에 ... 앱개발플러터flutterflutter 플러터 탭으로 페이지 나누기, 서버에서 데이터 받아오기 UI의 현재 상태를 저장할 state를 생성 state를 만들때는 StatefulWidget으로 변경해야함. 그 State에 따라 UI 가 어떻게 보일 지 코드 만들어두고 유저가 state를 조작할 수 있는 기능 개발(클릭한다거나) http 라는 패키지 설치가 필요함. pubspec.yaml 파일 내 아래 내용 추가 후 pub get main.dart 맨 위 import 추가 android/... 앱개발플러터flutterflutter 플러터 스크롤위치 파악하는법, 더보기요청 문자 ${변수명} 문자 StatefulWidget은 class가 2개, 부모가 보낸 state를 사용하는 경우 첫번째 클래스에서 등록해주고 사용은 두번째 클래스에서 사용 사용할때는 widget.변수명과 같이 앞에 widget.이 붙어야함. ScrollController를 저장할 변수를 만들고 그 변수를 ListView.builder 위젯에 controller 파라미터로 추가하면 scroll ... 앱개발플러터flutterflutter 플러터 상세페이지 만들기 Navigator 앱개발플러터flutterflutter 플러터 shared preferences 데이터 저장 & 출력 & 삭제 String, bool, int, double, stringList 가능 map 형식 자료는 jsonEncode 해서 string 으로 저장 이미지는 저장 못함,. 이미지 저장하려면 cached_network_image 같은 패키지 사용하면됨.... 앱개발플러터flutterflutter 플러터 GestureDetector 텍스트나 이미지 등의 위젯을 이 위젯으로 감싸면 해당 위젯을 어떻게 만지는지 다 감지해서 동작 추가해 줄 수 있음 onTap ( 한번클릭 ) onDoubleTap( 더블탭 ) onLongPress ( 길게 누를 때 ) onScaleStart ( 두손가락으로 줌인 시 사용 ) 그 외 등등 엄청 많음 CupertinoPageRoute() import 'package:flutter/cupertin... 앱개발플러터flutterflutter 플러터 Provider 패키지 전송 없이 모든 위젯이 state를 직접 가져다쓸 수 있게 만들어주는 패키지 state 보관하는 store 필요 store 등록 필요 store를 사용할 위젯들을 전부 ChangeNotifierProvider()로 감싸면됨. 모든 위젯에 다 사용할 경우 MaterialApp을 감싸면 끝 create 안에는 Store1를 넣으면 되고 child에 적용할 위젯을 추가 store에 있는 state... 앱개발플러터flutterflutter 플러터 GridView, CustomScrollView ListView나 GridView 사용시 자동으로 스크롤이 생성되지만 다른요소와 합쳐 사용하는 경우에는 해당 위젯을 쓴 영역만 스크롤이 됨. 여러 요소를 합쳐서 크게 스크롤바를 만들고 싶을 때 사용하는 위젯 대충 Column이랑 똑같은 용도지만 스크롤바 생기고 문법도 약간은 다름 스크롤 영역안에 ListView : SliverList() 스크롤 영연안에 GridView : SliverGrid... 앱개발플러터flutterflutter 플러터 Firestore 사용 firebase 에서 사용가능한 2개 DB 중 하나 realtime database, firestore 이렇게 2개 있음. NoSQL DB, SQL 문법없이 사용하는 DB 폴더( collection )를 하나 만들고 그 안에 문서( document )를 넣는식으로 자료 저장 document 안에는 Map 자료형으로 자료 저장 문서 하나 당 최대 2MB 문자 자료만 저장 가능 - ex. { n... 앱개발플러터flutterflutter flutter로 에브리타임 시간표 따라하기 아무리 찾아도 비슷한 코드가 없었다... 하나 만들면 좋을 거 같아서 그냥 만들어봤다. 더 좋은 방법이 있다면 알려주시면 감사하겠습니다. 1. 틀 만들기 사용한 변수들, 사이즈는 내 마음 먼저 에브리타임 시간표처럼 회색 틀을 만들어준다. 높이를 저렇게 설정한 이유가 있을텐데... 지금은 좀 지나서 그런지 기억이 나지 않는다. 2. row를 중심으로 할지, column을 중심으로 할지 처음 시... 플러터flutter생각flutter M1 플러터 실행 오류 오늘 플러터를 배워볼까 하고 실행하는데 이런 오류들이 발생했다. 구글링 해보니 자바 버전을 낮추래서 자바 버전을 11로 낮췄는데도 안되고, gradle의 JVM 경로 바꾸는 방법도 이것저것 해봤는데 안돼서 몇시간이고 해맸다. 그러던 중 자바 16버전을 아예 삭제했더니 이런 오류로 바뀌었다! 낮은 버전의 자바를 설치했지만, gradle은 그냥 16버전을 쓰고 있던 것이었다... 여기서 zip으... 플러터flutterM:1M:1 플러터 UI 챌린지 #1 BottomNavigationBar 가 스캐폴드의 Body를 컨트롤 하는 구성 AppBar와 BottomNavigationBar 를 제외 하고, 상 - 중 - 하 3단계로 구분 할 수 있는 구조 상단 Container의 BoxDecoration에서 BorderRadius 값을 설정 해 테두리가 둥근 박스 설정 국가 설정 버튼, 전화 버튼, SMS 버튼 디자인은 Chip 위젯을 이용하면 편리하... flutterUI플러터UI Dartpad workshop 사용해보기 curl -sL | bash 2.1 firebase project 만들기 프로젝트 설정에서 기억해두기 firebase login firebase login 2.3 FIREBASE_TOKEN 환경변수 추가 vi .zshrc 위 2.2 에서 출력된 토큰을 추가한다 export FIREBASE_TOKEN=출력토큰 현재 터미널에 적용 source .zshrc 2.4 토큰이 정상적으로 적용됬는지 확인... flutterdartDartpad플러터Dartpad 앱 용량 줄이기 이번 포스팅에서는 Flutter의 앱 용량을 줄였던 과정에 대해 공유할 예정이다. 확인 결과, ML Kit 라이브러리를 추가하며 용량이 많이 증가한 것을 확인했다. 감정일기 앱에서는 onDevice Translation만 사용한다. 다른 ML Kit의 기능은 필요하지 않다. 나와 동일한 문제를 겪는 사람들이 많았고 서로 해결 방법을 공유하고 있다. 커뮤니티에서 힌트를 얻어 사용하지 않는 모델... flutter플러터감정일기flutter TextFormField 문제 해결 이번 포스팅에서는 Flutter의 TextFormField 사용하며 겪었던 문제를 공유할 예정이다. Cursor의 위치가 이상하다. 그래서 글이 잘 써지지 않는다. 처음에는 기분 탓이겠지.. 내 디바이스에서 잠깐 그러는 것이겠지 하고 넘겼다. 그러나 다른 디바이스에 설치했을 때도 동일한 문제 발생.. 아직 플러터가 안정화되지 않아 이러한 문제가 발생하는건가? 라고 플러터를 의심했다.(미안..... flutter플러터감정일기flutter 플러터 UI 챌린지 #2(메가박스 클론-1) "오 이거 내가 만들 수 있을 것 같은데?" 앱 프론트 개발자로서 한 번 도전 할 만 하다고 생각 됐다. 전체 색상에 그라데이션이 적용 된다. 내가 선택 한 방법은 간단하다. 전체 그라데이션이 적용 된 Container와, 그보다 아주 살짝 작은 Container를 겹친다. 그럼 전체 그라데이션이 적용 된 Container가 살짝 삐져 나오는데, 시각적으론 버튼 테두리에 그라데이션이 적용 된... flutter플러터flutter FutureBuilder 가 계속 동작해요! 내 마음 속 통계청 오피셜, 플러터로 개발 할 때 제일 빡치는 순간 1순위 "퓨처 빌더가 지 멋대로 동작 할 때" 키보드가 올라 올 때 마다 FutureBuilder가 다시 동작해, 화면이 계속 새로고침 된다. FutureBuilder와 TextField 가 한 화면에 있을 때, 초보 플러터 개발자들이 쉽게 만날 수 있는 문제. 키보드가 올라오면 화면이 새롭게 그려지면서, FutureBuil... flutter플러터futurebuilderflutter [플러터] 하이브리드 앱 만들기 <webview + 웹서버> 본 글은 flutter 2.8.1, dart 2.15.1을 기준으로 작성되었습니다. 본 글은 에서 제시한 방법 중 webview_flutter 라이브러리와 웹서버를 이용하여 하이브리느 앱을 만드는 방법에 대해 다루고 있습니다. 가장 많은 LIKES와 POPULARITY를 가지고 있습니다. 때문에 오류나 구현 방법 등에 있어 더 많은 사용자와 교류할 수 있습니다. webview_flutter ... 프론트엔드웹플러터웹 이전 기사 보기