플러터 8

Flutter - Cannot provide both a color and a decorationTo provide both, use "decoration: BoxDecoration(color: color)".

오류 Cannot provide both a color and a decoration To provide both, use "decoration: BoxDecoration(color: color)". 'package:flutter/src/widgets/container.dart': Failed assertion: line 270 pos 15: 'color == null || decoration == null' 이유 Container 위젯 안에 색 설정이 중복으로 들어가서 발생한 오류이기에, BoxDecoration 에서만 배경색을 설정하면 된다. 잘못된 형식 Container( decoration: BoxDecoration( color: Colors.red, ... ), ... color: Colors...

Dev/Error 2023.11.24

[Flutter] Border 테두리 - 라운드 사각형 디자인

플러터로 테두리에 라인을 그리는 형태의 박스를 디자인 하기 위해서 Container 위젯을 사용해도 되고, Card 위젯을 사용해서 구현하면 됩니다. Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(6), color: Colors.white, border: Border.all(color: color), ), padding: const EdgeInsets.only(left: 6, right: 6, top: 4, bottom: 4), child: item, ) Card( elevation: 0, margin: EdgeInsets.zero, shape: RoundedRectangleBorder( side: BorderSide(..

Dev/Flutter 2022.12.07

[Flutter] Mockito 를 이용한 테스트 코드 설정 방법

Mock 클래스 셋팅 방법 1. yaml 설정 dev_dependencies: flutter_test: sdk: flutter mockito: ^5.3.2 build_runner: ^2.3.2 2. 테스트 진행할 클래스 파일의 Mock 클래스 생성 class MainViewModelMock extends Mock implements MainViewModel {} 3. main() 함수 위에 Generate 선언 @GenerateMocks([MainViewModelMock]) void main() { .... } 4. 터미널에서 Mock 파일 생성 flutter pub run build_runner build 5. 테스트를 진행할 main() 함수에서 Mock 클래서 선언 및 호출 late MockMain..

Dev/Flutter 2022.11.25

[Flutter] 라운드 형태 TextFiled 만드는 방법

Radius 값을 준 라운드 형태의 텍스트 필드를 구현하기 위해서 Card 위제을 사용해서 shape 에 Border 값을 주면 됩니다. Card( elevation: 0, shape: RoundedRectangleBorder( side: BorderSide( color: Theme.of(context).colorScheme.outline, ), borderRadius: const BorderRadius.all(Radius.circular(12)), ), child: const SizedBox( width: 300, height: 100, child: Center(child: Text('Outlined Card')), ), ) 여기서 기본적으로 Card 위젯은 기본 margin 값(4)을 가지고 있다는것..

Dev/Flutter 2022.11.15

Flutter 다국어 지원 - Localization

Flutter 다국어 지원, Flutter Localization 등으로 검색하면 많은 자료가 나옵니다. 참고자료 1. 기본적으로 참고해야하는 자료는 공식 문서 - https://docs.flutter.dev/development/accessibility-and-localization/internationalization 하지만 영어가 익숙하지 않다보니 공식문서만 보면 이해가 잘 되지 않아서 다른 한글 자료 및 영상 자료를 추가로 참고. 2. 유튜브 영상 - https://youtu.be/Zw4KoorVxgg 상세하게 순서 등 다 나오다보니 감사하게 공식 문서와 함께 참고. 다국어 지원 절차 1. 라이브러리 추가 - pubspec.yaml 파일에 추가 a. dependencies 에 flutter_loc..

Dev/Flutter 2022.04.22

Flutter - Json 데이터 사용하는 방법

Flutter 에서 Json 데이터를 파싱해서 사용하기 위해서는 파싱할 수 있도록 설정 작업을 해야한다. 1. pubspec.yaml 에 라이브러리를 추가한다. 라이브러리 추가 방버 : 링크 참조 dependencies: # Your other regular dependencies here json_annotation: dev_dependencies: # Your other dev_dependencies here build_runner: json_serializable: json_serializable 링크 2. Json 을 받을 수 있는 Object 클래스를 만든다. @JsonSerializable() class User { User(this.name, this.email); String name; S..

Dev/Flutter 2022.01.11

[책리뷰] 모바일 앱 개발을 Dart & Flutter 리뷰

이번에 저자가 진행한 책 리뷰이벤트에 참가해서 운 좋게도 리뷰자로 선정되서 모바일 앱 개발을 위한 다트&플러터 책을 받았습니다. 책은 플러터 사용법에 대한 기초적인 책입니다. 참고로 책을 읽은 리뷰자(글쓴이)의 배경은 다음과 같습니다. 안드로이드 개발을 주로 해왔으며 Java와 Kotlin 을 사용하면서 안드로이드 개발을 해왔습니다. 책을 읽고 책의 구성은 크게 3가지로 나눴습니다!!! 1. 다트 프로그래밍에 대한 설명 2. 위젯 사용 방법 설명 3. 테스트 프로젝트 초반부에 다트 프로그래밍에 대한 설명을 할때 느꼈던게, Java 와 Kotlin 둘다 알면 이해하기가 더 편하겠다라는 생각을 했습니다. 변수 설정의 경우에는 Javascript 와도 비슷하구나 라는 생각도 했습니다!! 제 입장에서는 책의 대..

2020.12.30