본문 바로가기

Flutter

 (10)
[Flutter] TextField 특정 문자열만 입력 가능하게 하기 처음에는 아래 코드처럼 특수문자만 입력을 막아보려 했으나.. TextField( inputFormatters: [ FilteringTextInputFormatter.deny(RegExp('[!@#\$%^&*(),.?":{}|]')), ], ), 언어의 구조상 모두 막을 수 없다는 것을 알게었습니다. 그리하여 허용되는 값만 입력받도록 변경했습니다. [한글만 입력] 만약 공백 까지 포함하려면 '힣' 뒤에 스페이스바로 한번 띄어주기(이하 동일) TextField( inputFormatters: [ FilteringTextInputFormatter.allow(RegExp(r'[ㄱ-ㅎ가-힣]')), ], ), [영문만 입력] TextField( inputFormatters: [ FilteringTextInputF..
[Flutter] 데이터 타입 double 소수점 제거하는 방법 Flutter에서 double의 소수점을 제거하는 방법은 몇 가지가 있습니다. 아래는 그 중 일부 예시입니다. 1. toInt() 메서드 사용 double myDouble = 3.14159; int myInt = myDouble.toInt(); print(myInt); // 출력: 3 2. toString() 및 double.parse() 조합 double myDouble = 3.14159; String myString = myDouble.toString(); int myInt = double.parse(myString).toInt(); print(myInt); // 출력: 3 3. truncate() 메서드 사용 double myDouble = 3.14159; int myInt = myDouble.tr..
[Flutter] SVG 파일 검정색(검은색)으로 나올 때 요즘 플러터(Flutter) 공부하면서 SVG 파일을 자주 사용한다. 아무래도 JPG, PNG 보다는 활용성이 용이한 SVG 파일을 사용하는게 당연지사이다. 문제는 일러스트레이터 에서 SVG 내보내기 후 플러터에서 불러왔더니.. 아이고 참.. 뭔 이런일이.. 구글링해보니 문제는 일러스트레이터에서 내보내기 시 설정을 바꿔줘야 했던 것! 보통 File ▶ Export ▶ Export As... 이 메뉴로 들어가 내보낼 확장자명을 SVG 로 선택하면 이런 옵션 창이 나온다. 다른 옵션은 처음그대로 두고, 가장 첫번째 Styling 항목에서 기본 설정인 Intemal CSS 를 Presentation Attributes 로 변경해주고 OK 버튼 눌러준다. 그리하면.. 짜잔~ 이쁘게 SVG 파일이 출력되는 걸 볼..
[Flutter] StateNotifierProvider ▶︎ NotifierProvider 벼환하여 상태관리 StateNotifierProvider | Riverpod StateNotifierProvider is a provider that is used to listen to and expose a riverpod.dev StateNotifierProvider 보다는 NotifierProvider 사용을 권장한다고 한다. *Example Code final ***Provider = NotifierProvider(() { return ***Notifier(); }); class ***Notifier extends Notifier { @override ***Entity build() { return ***Entity(); } 아.. 이거 언제 다 바꾸냐.. ( ㅡ^ㅡ);;;
[Flutter] Flutter Doctor 에러 처리 모음 (안드로이드스튜디오) [Windows] - #1 ---------------------------------------------------------------------------------------------------- [!] Android Studio (version 2022.2) X Unable to find bundled Java version. [!] Android Studio X android-studio-dir = c:\Program Files\Android\Android Studio X Unable to find bundled Java version. --------------------------------------------------------------------------------------..
[Flutter] 드롭다운 버튼(DropdownButton) 기존 몇 안되는 아이템(항목)은 이렇게 코드를 작성 했다. SizedBox( width: 205, height: 40, child: DropdownButtonHideUnderline( child: Container( padding: const EdgeInsets.only( top: 4, bottom: 4, left: 14, ), decoration: BoxDecoration( color: Colors.white, border: Border.all( width: 1, color: Colors.black, ), borderRadius: const BorderRadius.all( Radius.circular(5), ), ), child: DropdownButton( isExpanded: true, //화살표 ..
[Flutter] ListView 선택 selected 항목 색상 변경 보통 구현하는 ListView 는 리스트 항목이 Pressed 될 때 바로 이벤트가 발생되지만 일부 경우 User에게 항목 선택 상태를 우선 보여주고 이벤트를 실행 할지 말지 선택하는 시간을 줘야하는 경우가 있습니다. 또한 대부분 ListView 에서 리스트는 class 함수로 따로 리턴해주기 때문에 분리된 코드로 구성했습니다. GPT 코드라서 뭔가 어설프지만 작동은 잘되네요. ㅎㅎ import 'package:flutter/material.dart'; class AdTopBannerListWidget extends StatefulWidget { const AdTopBannerListWidget({Key? key}) : super(key: key); @override State createState() ..
[Flutter] 플러터 Color 컬러 Class 분할 및 Style 변수 적용 관리 대부분 플러터에서 Colors. 함수를 호출하여 Hex 코드로 컬러를 설정 하시지만. 뒤에 계시는 찐찐 개발자님들은 컬러를 Class로 분리하여 style 변수로 관리하십니다. 사실 이러한 스타일 변수 관리는 비단 컬러만이 아닌 폰트 스타일 및 Front View 작업에서는 흔하게 사용되어야 뒤에 계시는 개발자님들이 좋아 하십니다. 또한 다른 앞개발자 담당이 변경되더라도 쉽게 코드 분석이 가능하기에 반드시 필요한 작업이라 생각됩니다. 우선 폴더하나 만들고 dart 파일 하나 생성하고 커럴 class 생성해줍니다. class AppColors { static const Color pink = Color(0xffe11475); static const Color coral = Color(0xffff7ea5);..
[Flutter] 플러터 빌드 후 충돌되는 Json 모듈 삭제 방법 코린이는 프론트 코딩만 하기때문에.. 백엔드 찐 개발자분들이 모듈을 깃에서 업데이트하면 시뮬레이터가 돌아가질 않는다 ;; 이럴 때 터미널에서 아래 명령어를 입력해주면.. 모듈만 깔끔하게 삭제가 된다. flutter pub run build_runner watch —delete-conflicting-outputs //------------- 물론 100% 삭제되는건 아닌 것 같다.. 처음 실행 시 위에 명령어를 실행하도고 결과에 나오는 경로에 모듈파일들을 수동으로 삭제해줘야 했었다. 그 이후에는 Git 에서 프로젝트 업데이트를 해도 잘되었다. 아, 물론 엡데이트 후 flutter pub git 도 해줬다. [ Update ] ---------------- 2023.06.05 선임이 그냥 앞으로는 터미널에서..
[Flutter] 플러터 Placeholder (자리표시자) 엑스박스 Placeholder : 자리표시자 플러터에서 router 로 미리 지정된 파일서 어느 영역에서 얼만큼 크기를 차지할 지 임시로 표시해주는 박스 const Placeholder(), const Placeholder( fallbackHeight: 50, fallbackWidth: 200, 이런식으로 박스에 크기도 변경해서 지정해 줄 수 있다. class Placeholder extends StatelessWidget { /// Creates a widget which draws a box. const Placeholder({ super.key, this.color = const Color(0xFF455A64), // Blue Grey 700 this.strokeWidth = 2.0, this.fallbac..

티스토리툴바