본문 바로가기

Flutter Widget3

Flutter Color 설정 방법 Flutter에서 Color 설정 방법 Flutter로 앱을 만들다 보니 Colors 위젯에서 제공하는 색상들이 아닌 다른 색들은 사용할 방법이 없는지 찾아보다가 글을 쓰게 되었습니다. 앱을 꾸미기 시작하면서 색상에 대한 고민을 많이 하게 되었는데 Colors 위젯에서 제공하는 컬러는 많이 한정적이어서 다른 색을 사용하려면 어떻게 해야하나 찾아보게 되었습니다. Colors Widget 일단 기본적으로는 Colors 위젯을 사용하여 색을 설정할 수 있습니다. import 'package:flutter/material.dart'; class ColorTest extends StatelessWidget { const ColorTest({Key? key}) : super(key: key); @override W.. 2021. 10. 2.
Flutter 위젯의 생명주기(Widget Lifecycle) Flutter 위젯의 생명주기 위젯의 생명주기를 알면 언제 데이터를 주고받을지, 그리고 화면이 사라질 때 어떤 로직을 처리해야 할지를 정리해서 넣을 수 있습니다. 예를 들어 특정 화면에서 숫자를 계속 올려주는 증가시켜준다고 했을 때 화면을 종료해도 계속 증가가 되면 안 되기 때문에 이런 상황을 막기 위해 화면이 종료될 때 숫자가 증가하는 것도 멈추는 기능을 넣어야 합니다. 예를 들어 스프링 프레임워크를 공부할 때 Bean의 생명주기를 모르고 사용하면 이해하기 힘들듯이 Flutter도 위젯의 생명주기를 알고 사용하는 것이 반드시 필요하다고 생각합니다. StatefulWidget StatelessWidget 위젯의 경우 한 번 생성되면 갱신할 수 없으므로 생명주기가 없습니다. 다른 화면으로 전환 시 모든 로.. 2021. 6. 23.
Flutter Widget 및 디렉토리 구조 Flutter Widget 및 디렉토리 구조 앱을 만들기 위해 본격적으로 Flutter 공부를 시작했습니다. 구글링도 하고 Flutter 공식 홈페이지도 보고 youtube에서 강의도 보며 공부하고 있습니다. 저 같은 주니어 개발자가 Android, iOS 둘 다 섭렵하여 앱을 만드는 건 현실적으로 힘들기 때문에 크로스 플랫폼인 Flutter를 선택하여 공부하게 되었습니다. ReactNative와 Flutter 사이에서 많은 고민을 했지만 Flutter로 최종 선택했습니다. 일단 Flutter는 위젯(Widget)으로 구성되어 있습니다. Flutter에서 Widget이란? 일반적인 Widget 1. 독립적으로 실행되는 작은 프로그램 2. 주로 바탕화면 등에서 날씨나 뉴스, 생활정도 등을 보여줌 3. 그래.. 2021. 6. 17.
728x90
반응형