목록Mobile/Flutter (17)
drexqq
Flutter에서 자주 사용되는 대표적인 디자인 패턴이다. BLoC Pattern - Bussiness Logic Component의 줄임말이다. - 상태관리, UI, 비즈니스 로직을 분리해준다. - stream을 통해 상태를 업데이트하고 이것을 통해 stateful,stateless나 setState()가 필요 없어진다. (stream에 대한 설명) - 하나의 UI에서 여러가지의 BLoC이 존재할 수 있다. (재사용하기가 좋다) - 단순한 로직을 짜려해도 최소 4개의 클래스가 필요하다. (ex: model, provider, repository, bloc) Provider Pattern - BLoC패턴과 사용이유는 같지만 데이터의 공유나 로직의 분리 등을 조금 더 간단하게 할 수 있다.
플러터에는 final과 const가 존재한다. 둘 다 변경할 수 없는 값을 의미하지만 final은 실행 중에 값이 결정되고 const는 컴파일 중에 값이 결정된다. 실행이 되면서 값이 정해지는 상수는 final을 사용하고, 정말 변하면 안되는 상수는 const를 사용하자
플러터에서 ListView를 구성하는 방법은 총 4가지가 있습니다. 1. The default constructor takes an explicit List of children. - 기본 생성자인 ListView를 호출하고 children으로 전달하는 방법. - 적은 양의 데이터를 보는데에 적합합니다. ListView( padding: const EdgeInsets.all(8), children: [ Container( height: 50, color: Colors.amber[600], child: const Center(child: Text('Entry A')), ), Container( height: 50, color: Colors.amber[500], child: const Center(child..
InkWell과 GestureDetector 위젯은 사용자의 동작을 감지할 수 있는 위젯입니다. onTap, onDoubleTap 등 여러가지 동작들을 감지해서 유저와 상호작용이 가능합니다. 더 많은 액션들은 공식 홈페이지에 나와있습니다. [InkWell] https://api.flutter.dev/flutter/material/InkWell-class.html InkWell class - material library - Dart API A rectangular area of a Material that responds to touch. For a variant of this widget that does not clip splashes, see InkResponse. The following diag..
primarySwatch를 통해서 appbar의 색을 변경하려는 도중 에러가 발생하였다. 내가 바꾸려는 Colors.white가 MaterialColor의 타입이 아니라서 그렇다고 한다. Colors.white는 Color타입이고 primarySwatch의 기본값인 Colors.blue는 MaterialColor타입이다. 그렇기 때문에 primarySwatch에서는 MaterialColor타입으로 되어 있는 색만 사용을 할 수 있다. 색을 바꾸는 다른 방법은 ThemeData내부에 appBarTheme으로 바꾸면 바뀌게 된다. ※ primaryColor는 2.5버전부터 deprecated 되었다고 합니다.
Stateless Widget state가 없는 위젯이다. state를 변경할 필요가 없고 이벤트에 의해서 값이 바뀌지 않는다. static한 데이터를 넣은 위젯을 만들때 StatelessWidget으로 만들면 된다.lifecycle - Constructor -> Build Statefull Widget state가 있는 위젯이다. state를 변경하거나 상호작용에 의해서 값이 바뀐다. 데이터가 변경되는 위젯을 만들때 StatefulWidget으로 만들면 된다. lifecycle - Constructor -> createState -> initState -> didChangeDependencies -> Build Stateful Widget이 Stateless Widget에 비해 성능이 떨어지는 부분..
다니는 회사에서 사용할 일이 생겨 플러터를 설치하는 과정부터 포스팅을 해보려합니다 ! 1. 아래 주소에서 자신의 개발 환경에 맞는 Flutter SDK를 다운로드 해줍니다. https://docs.flutter.dev/get-started/install Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 저는 맥북 에어 m2를 사용하고 있기 때문에 Appli Silicon 을 다운받았습니다. 압축을 해제한 후에 환경변수를 등록해줍니다. export PATH="$PATH:`pwd`/flutter/bin" 영구적으로..