소프트웨어 제작소

지금 만들어 보고 있는 scheduler에서 time table을 표현하기 위해 container로 감싼뒤 그안에서 custom paint를 이용해서 time table을 그리려고 하고 있다. 그런데 mediaQuery 를 이용해서 받아오는 context의 size 정보는 parent 위젯의 사용가능 영역에 대한 정보가 아니라, 언제나 device의 full screen 정보(height 와 width 등..) 란 것을 알게 되었다. 그렇다면 child 위젯에서 parent 위젯의 사용가능 영역 정보를 알려면 어떻게 해야하나? LayoutBuilder 를 사용하면 된다. The main difference between Media Query and LayoutBuilder is that Media Que..

하루 일과 계획표를 위해 벤치마킹할 패키지를 찾았다. https://pub.dev/packages/syncfusion_flutter_calendar syncfusion_flutter_calendar | Flutter Package The Flutter Calendar widget has nine built-in configurable views that provide basic functionalities for scheduling and representing appointments/events efficiently. pub.dev 자료는 위의 링크와 같다. 그래고 패키지에 대한 자세한 설명은 아래 웹 페이지에 잘 나와있다. https://help.syncfusion.com/flutter/calenda..

Building your first Flutter app (영상 링크) Infinite list of words를 보여주는 앱을 만드는 방법에 대하여 시작부터 단계적으로 설명하는 영상. Codelabs에 텍스트로 step by step 설명되어있음. (링크) flutter 설치하고 project 를 생성하는 방법 외부 Package(library)를 import 하는 방법 pubspec.yaml 파일에서 사용할 package를 depencies에 추가 터미널에서 "flutter packages get" 입력하여 실행(안드로이드 스튜디오의 경우) main.dart 에서 import 키워드를 패키지를 가져오기(?) stateless widget과 stateful widget을 이용해서 random word를..

간략한 설명 보여주고자하는 이미지의 양이 많고, 각 이미지를 다양한 크기로 보여주고자 할 때 쓸만한 패키지다. 사용예는 아래와 같다. 자료 링크 https://medium.com/flutterdevs/wall-layout-in-flutter-44a482cc4fad Wall Layout In Flutter In this article, we will explore the Wall Layout In flutter using the wall_layout_package. With the help of the package, we can easily… medium.com

Null Safety Null safety를 선택하면, 코드에서 사용한 type들은 기본적으로 non-nullable 이 된다. non-nullable 변수는 그 변수를 사용하기 전에 값을 꼭 초기화 시켜야 한다. 선언과 동시에 초기화를 시킬 필요까진 없지만, 해당 변수가 사용되기전에는 값을 할당해야 한다. 변수가 null 값을 가질 수 있도록 하기 위해서는 type 선언에서 type명 뒤에 ?를 붙이면 된다. Null 관련 연산자 연산자 사용예 의미 ?? A= B??C B가 null이 아니면 B를 A에 입력하고, null이라면 A에 C를 입력 ??= A ??= B A가 null이면 A에 B를 입력 ?. A?.test( ) A가 null이 아니면 test( )를 실행 ! A! A가 null이 아님을 체크..

76. IgnorePointer 앱이 유저와 interacting(Tapping, Clicking, Dragging, Scrolling 등등) 하는 것으로 부터 보호하고 싶을 때 사용.(AbsorbPointer 랑 차이가 뭐지) . 유저로부터 보호하고자하는 위젯을 IgnorePointer로 감싸면된다. 77. CupertinoActivityIndicator 쿠퍼티노 형태의 프로그래스 인디케이터. 78. ClipOval 하위 요소를 원이나 타원으로 둥글게 오려낼 수 있는 위젯. 기본 모드는 가져오는 child를 타원형으로 바꿔 놓지만, clipper 특성을 사용하면 맞춤식 재단을 할 수 있다. 79. AnimatedWidget AnimatedWidget은 추상 클래스로 그자체로는 위젯은 아니다. 원하는 애..

51. FractionallySizedBox 사용가능한 공간 내에서 위젯의 크기가 절대 값이 아닌 비율이나 상대값으로 설정가능하다. 이 위젯을 Flexible 위젯으로 감싸면 열과 행에 대해서 잘 위치시킬 수 있다. 52. ListView 리스트를 스크롤가능하게 보여주고 싶을 때 사용. 동적으로 만들어지는 리스트뷰가 필요할때는 ListView.builder를 사용. 항목들 사이가 붙이 있는 것이 싫으면 분리된 ListView.separated 를 사용하면 된다. ListView.custom 을 이용하여 자신이 원하는 리스트뷰를 만들수 있다. 53. ListTile material design list spec(이게 어떤거지?)을 직접 구현해준다. ListView랑 차이점이 뭐지? ListTile은 안에 ..

이번엔 Google Developers 유튜브의 Flutter Widget of the Week 25번째 영상부터 볼차례. 50편 까지 보면 되려나? 24. BackdropFilter ImageFilter를 child로 받아서 이미지들을 블러, 회전, 각도조절 등 다양한 이미지 효과를 줄 수 있다. 25. Align 부모 위젯의 한정된 구역 내에서 위젯의 위치를 설정할 수 있다. 26. Positioned Stack을 이용하여 여러 위젯들이 결합되어있을 때 이런 위젯의 위치를 어떻게 원하는 위치에 배치할 수 있다. 27. AnimatedBuilder 애니메이션 효과를 줄 수 있는 위젯 중 하나. Animation을 정의하고 AnimationBuilder로 실행하면 됨. 그리고 이를 위해서 Animatio..