반응형

플러터 3

[Flutter] Dive into StatefulWidget. Flutter Widget Library.

Introduce 상태 변경이 가능한 위젯이다. 상태란, 위젯이 완성될 때 동기적으로 읽을 수 있는 정보이며, 위젯의 수명 동안 변경될 수 있는 정보이다. StatefulWidget의 상태 변경은 setState()를 이용해서 변경이 가능하다. StatefulWidget 인스턴스 자제는 Immutable이며, createState 메서드에 의해 생성된 State 객체에 변경 가능한 상태를 저장한다. class ItemCounter extends StatefulWidget { final String name; ItemCounter({this.name}); @override _ItemCounterState createState() => _ItemCounterState(); } class _ItemCounte..

Mobile/Flutter 2022.11.26

[Flutter] Dive into StatelessWidget. Flutter Widget Library.

Introduce 변경할 수 있는 상태가 필요하지 않은 화면을 구성할 때 사용하는 위젯 클래스. build() 메서드가 호출되면 화면에 Widget을 그린다. class GreenFrog extends StatelessWidget { const GreenFrog({ super.key }); @override Widget build(BuildContext context) { return Container(color: const Color(0xFF2DBD3A)); } } build() 메서드가 호출되는 경우는 세 가지이다. Widget이 Widget Tree에 삽입되는 경우. Configuration Change가 발생한 경우. InheritedWidget의 변경 사항이 발생한 경우. Widget Tree ..

Mobile/Flutter 2022.11.24

[Flutter] Listview 위젯 사용하기

안녕하세요 골드입니다. 오늘은 Flutter에서 Listview를 사용하는 방법에 대해서 글을 작성하도록 하겠습니다. 저는 작성한 리스트를 리스트뷰로 보여주도록 하겠습니다. 1. List 생성 먼저 material design을 위한 패키지를 import합니다. 앞으로 자주 import할 녀석입니다. material design을 사용하도록 도와줍니다. 다음으로 main 함수를 작성합니다. flutter의 main 함수입니다. 앱을 실행하면 가장 먼저 실행되는 함수입니다. 람다식으로 표현되어 있고 runApp() 안에 들어있는 메서드를 실행합니다. 두 가지 변수를 선언했습니다. 하나는 String 변수로 title을 지정하기 위해 선언했습니다. 다른 하나는 List 형식의 변수입니다. dart에서 Lis..

Mobile/Flutter 2020.04.25