Jin's Dev Story

showDialog( context: context, builder: (context) { returnAlertDialog( title: Text('내 동네 선택'), content: Text('동네는 최소 1개 이상 최대 2개까지 설정할 수 있어요.', style: TextStyle(fontSize: 15, color: Color(0xff606060)),), actions: [ Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ ElevatedButton( onPressed: () { Navigator.push(context, MaterialPageRoute(//동네 선택 페이지로 이동 builder: (context) => tlAdd..

PopupMenuButton( itemBuilder: (BuildContext context) => [ PopupMenuItem( value:'report', child: Text('신고'), ), PopupMenuItem( value:'edit', child: Text('수정'), ), PopupMenuItem( value:'delete', child: Text('삭제'), ), ], onSelected: (String choice) { //메뉴 항목 선택에 따른 동작을 수행합니다. if(choice =='report') {// "신고"항목을 선택한 경우 //처리 코드 추가 }else if(choice =='edit') { // "수정"항목을 선택한 경우 //처리 코드 추가 }else if(choice..

photo_view https://pub.dev/packages/photo_view Pinch 제스쳐라고 해서 손가락 두개 이용해서 사진을 줌인 하고 싶으면 씀 기본적인 갤러리, 캐러셀 UI도 쉽게 쓸 수 있게 제공 simple_animations https://pub.dev/packages/simple_animations (예시) https://github.com/felixblaschke/simple_animations/blob/main/example/example.md#stateless-animation 플러터에서 기본 기능만으로 애니메이션을 만들려면 대부분 StatefulWidget, Animation, Tween, Controller가 필요 귀찮으면 위젯 하나로 이거 다 해결할 수 있는 패키지를 ..

현재 기기의 스크린 사이즈 출력하고 싶은 경우 MediaQuery.of(context).size.width; //폭 (LP단위) MediaQuery.of(context).size.height; //높이 (LP단위) MediaQuery.of(context).padding.top; //기기의 상단바 부분 높이 (LP단위) MediaQuery.of(context).devicePixelRatio; //이 기기는 1LP에 픽셀이 몇개 들어있는지 화면 폭에 따라 위젯을 다르게 보여주고 싶은 경우 MediaQuery.of(context).size.width < 600 ? Home() : 큰화면에서보여줄다른위젯() 화면 폭에 따라 스타일 변경하고 싶은 경우 Text( '글자임', style: TextStyle( fon..

Notification push notification - 서버에서 보내는 알림 local notification - 앱 자체에서 실행하는 알림 패키지 설치 pubspec.yaml에 flutter_local_notifications: ^9.1.5 추가 후 pub get Android 셋팅 android/app/src/main/res/drawable 폴더에 알림에 띄울 아이콘 용 넣기 흰색 아웃라인만 있는 .png만 허용 iOS 셋팅 프로젝트 내의 ios/Runner/AppDelegate.swift 파일에 코드 추가 GeneratedPluginRegistrant.register(with: self) 이런 코드 윗줄에 복붙 if #available(iOS 10.0, *) { UNUserNotification..

GridView 격자 레이아웃 grid가 몇개 생성될지 미리 알고 있으면 GridView.count 쓰고 grid가 몇개 생성될지 아직 모르겠으면 GridView.builder GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2 ), itemCount: list자료.length, itemBuilder: (c, i) { return Container(color : Colors.grey); } ), itemCount : 개수 gridDelegate : 가로로 보여질 개수 예제 body: GridView.builder( gridDelegate: SliverGridDelegateWithFixedCr..