본문으로 바로가기
Flutter/Widget
해당되는 글 11건
Flutter/Widget
Flutter Stepper widget 문서
Stepper Widget 순차적 또는 단계적으로 사용자에게 무언가를 요구 또는 보여줄 때 사용하기 적합한 위젯입니다. Steeper 자식 위젯으로 Step 이 있습니다. 왼쪽 사진은 custom controlsBuilder 적용한 사진이며 오른쪽 사진은 기본 controlsBuilder입니다. Stepper 프로퍼티 type - vertical, horizontal 있다. controlsBuilder - Continue, Cancel 버튼의 위젯 영역을 담당하는 프로퍼티 해당 프로퍼티를 삭제하면 위에 오른쪽 사진처럼 된다. StepState - 5가지의 상태 complete - 체크 아이콘으로 변경 disabled - 비활성화(회색으로 변경) error - 에러 아이콘 editing - 연필 모양의 아..
Flutter/Widget
Flutter ListTile 프로퍼티 문서
Flutter에서 ListTile은 자주 사용되는 위젯이라고 생각합니다. 하지만 프로퍼티 이름만 봐도 어떤 동작을 하는지 예상이 가능한 이름도 있지만 자주 사용하지 않고 생소한 이름의 가진 프로퍼티를 정리해보려고 합니다. 프로퍼티 종류 visualDensity : ListTile 안에 있는 위젯들 (title, subtitle, trailing... ) 사이의 padding 값 isThreeLine : subtitle 3줄 여부 default value - false isThreeLine : true - subtitle의 길이가 3줄이 안되어도 3줄 칸 확보 dense : true 일 때 적용되지 않음 dense : 위젯의 밀집 여부 horizontalTitleGap : trailing과 (title, ..
Flutter/Widget
Flutter ExpansionPanel 문서
ExpansionPanel, ExpansionPanelList ExpansionPanel은 주로 자세한 정보를 전달할 때 사용하거나 오른쪽 사진처럼 분류할 때도 사용하기 좋습니다. 다만, ExpansionPanel은 단독으로 사용이 불가능하며 ExpansionPanelList의 자식으로만 사용이 가능합니다. 프로퍼티 종류 headerBuilder - 헤더를 생성하는 builder body - 펼쳤을 때 보이는 공간 isExpanded - 확장 여부 canTapOnHeader - default Tap 영역은 화살표 아랫방향을 눌러야 펼쳐지지만 이 프로퍼티를 true 하게 되면 터치영역이 header까지 늘어나게 됨 backgroundColor SingleChildScrollView( child: Cont..
Flutter/Widget
Flutter Navigator(push, pop, replace) 문서
Navigator는 화면을 이동하거나 닫거나 또는 화면을 대체할 때 사용하는 위젯입니다. 이 글에서는 Navigator의 메서드 종류와 각 메서드가 어떤 역할을 하는지 설명하는 글입니다. Navigator 메서드 종류 push, pop, replace 세 종류가 있습니다. push - 기존 화면 위에 불러올 화면을 불러옵니다. pop - 현재 화면을 닫습니다. replace - 현재 화면을 대체할 때 사용합니다. Named가 붙어있는 메서드 사용하기 위한 사전 작업 MaterialApp 또는 CupertinoApp에서 routes에 원하는 화면을 사전에 지정해둬야 Named가 붙어있는 메서드를 사용할 수 있습니다. Flutter에서 route는 무슨 의미일까요? Flutter에서는 페이지나 화면을 Rou..
Flutter/Widget
Flutter FutureBuilder , StreamBuilder 문서
이 글에서는 FutureBuilder를 약속과 같다 하고 StreamBuilder 비동기 Iterator과 같다고 말한다. FutureBuilder는 HTTP를 사용하거나 하나의 response를 가져올 때 사용한다고 한다. StreamBuilder는 수시로 바뀌는 값에 사용을 하게 된다. 글의 마지막 말에 Future는 값이 변한 걸 알지 못하지고 1회성 이다. 대신에 Stream을 사용하면 가능하다. 그래서 직접 확인해보려고 한다. 공통 비동기적 데이터를 받아올 때 사용하기 적절하다. 4가지의 ConnectionState가 존재한다. ConnectionState.none - null 일 때 initialData, defaultValue가 사용된다. ConnectionState.active - null..
