dev/flutter 31

[Flutter] Navigation 네비게이션 정리

다른 페이지 위젯으로 이동 Navigator.push(context, MaterialPageRoute(builder: (context) => [이동할 페이지 위젯],)) 다른 페이지 위젯에서 복귀 : result 'ok'한 값을 optional Navigator.pop(context, 'ok'); final result = await Navigator.push(context, MaterialPageRoute(builder: (context) => [page],)) MaterialApp내부 routes에 저장 return MaterialApp( home: Scaffold( body: Column( children: [ ElevatedButton( onPressed: () async { final resul..

dev/flutter 2023.12.19

[Flutter] 기본 위젯2 정리

오준석님의 생존코딩을 보고 위젯 내용을 정리합니다. 입력 TextField - edittext같은 입력용 위젯, 글자를 받음 : decoration InputDecoration - TextField를 꾸며주는 위젯 : border(OutlineInputBorder), labelText, CheckBox - 체크박스 Switch - 스위치 on/off Radio - 그룹 내에서 하나만 선택 : value, groupValue(이 값이 동일한 라디오 위젯끼리 소통), onChanged RaidoListTile - Radio는 해당 위젯만 클릭해야 반응하지만, Tile은 라디오 버튼의 수평 방향의 화면을 터치해도 반응 - widte:match_parent같은 - DropDownButton - 스피너, 목록을 ..

dev/flutter 2023.12.19

[Flutter] 기본 위젯1 정리

오준석님의 생존코딩을 보고 위젯 내용을 정리합니다. 화면 배치 Container - 빈 상자 : color, width, height, padding, margin Column - vertical 수직 위젯 배치 : children, mainAxisSize(채움), mainAxisAlignment(수직 정렬), crossAlignment(수평 정렬) Row - horizontal 수평 위젯 배치 : children, mainAxisSize(채움), mainAxisAlignment(수평 정렬), crossAlignment(수직 정렬) spaceEvenly와 spaceAround의 차이점은 Evenly는 위젯들의 모든 간격이 동일하고, Around는 첫 위젯과 끝 위젯은 동일 간격의 반 만큼 띄어지고, 나머..

dev/flutter 2023.12.19

[Flutter] Container

Container : 그냥 사용하면 : wrap_content : 가로축 match_parent할 경우 : width : double.infinity : 세로축 match_parent할 경우 : Expanded로 감싸기 - margin : 외부 여백 주기 : EdgeInsets. 클래스로 값을 넣어줌 - padding : 내부 여백 : EdgeInsets 클래스로 값을 넣음 - decoration : 박스 꾸미기 : BoxDecoration클래스 사용 : 로그인 버튼 하나 만들었다... 하... 이거 스스로 창작하는데 3시간은 걸린 것 같다... Container( width: double.infinity, margin: const EdgeInsets.symmetric(horizontal: 40), de..

dev/flutter 2023.12.14

[Flutter] 다음 화면 스크린으로 이동(Navigator)

화면을 이동할 때 android에서 startActivitty, ios는 present였나..? 를 사용했다. 플루터에서는 단순히 Navigator를 사용해서 화면 이동을 한다. 화면을 이동할 때 단순하게 앞의 스크린을 기억하는 것은 : Navigator.push (...)를 사용하고, 앞의 스크린을 기억할 필요가 없는 경우 : 안드로이드에서 startActivity하고 finish()하는 것처럼 : Navigator.pushAndRemoveUntil(...)을 사용한다. 현재 스크린을 새로운 스크린으로 대체 애니메이션은 push와 동일 : pushReplacement 최초 스크린이 아닌 경우 뒤로가기, 최초 스크린인 경우 뒤로가지 않음 : maybePop return GestureDetector( on..

dev/flutter 2023.12.12

[Flutter] Progressbar 중앙에 배치

이미지 배경 위에 Progressbar, Indicator를 중앙에 배치하기 위해서 Stack위젯을 사용한다. 그냥 맨바닥에 프로그레스바를 올려둘 예정이면 'Stack'위젯은 필요없다. Stack( fit: StackFit.expand, children: [ Image.asset('img path', fit: BoxFit.fill ), Visibility( visible: isVisible, child: const Center( child: CircularProgressIndicator(), ), ) ], ) Visibility위젯을 사용하였는데, 해당 프로그레스바를 일정시간이 지나면 Visible, Invisible 처리하기 위함이다. 프로그레스바가 서버 API를 통해서 데이터 갱신이 완료된 경우에는 ..

dev/flutter 2023.12.12
728x90
반응형