1. 티켓 모양 class TicketWidget extends StatelessWidget { const TicketWidget({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 16), child: SizedBox( height: 188, width: double.infinity, child: CustomPaint( painter: TicketPainter(), ), ), ), ), ); } } class TicketPainter extends..
안녕하세요. 이번에는 Custom Icon을 사용하거나 SVG를 Icon으로 바꾸는 방법을 알아보겠습니다. 1. Flutter custom icons generator 접속 구글에 flutter icon을 검색하면 두 번째에 보이는 FlutterIcon 공식 사이트가 있습니다. 해당 페이지로 접속해 주세요. https://www.fluttericon.com/ FlutterIcon - Flutter custom icons generator This site will not work if cookies are completely disabled. {"assets_hash":"e63afe94764170521b88e195c1026df9","page_data":{},"locale":"en-US","layout":..
1. showModalBottomSheet( context: context, backgroundColor: Colors.white, isScrollControlled: true, builder: (context) { return SizedBox( height: MediaQuery.of(context).size.height * 0.7, width: double.infinity, child: Column( children: [ ///안에들어갈 아이템 추가 ], ), ); }, shape: const RoundedRectangleBorder( borderRadius: BorderRadius.only( topLeft: Radius.circular(20), topRight: Radius.circular(20), ..
1. SizedBox( width: 20, height: 20, child: Checkbox( value: false, onChanged: (checkValue) {}, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(4), ), side: const BorderSide( color: Colors.grey, width: 1, ), ), ), 추후 계속 업데이트 예정..
1. TextFormField( decoration: InputDecoration( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), enabledBorder: OutlineInputBorder( borderSide: BorderSide( color: Colors.grey, width: 1, ), ), focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: Colors.grey, width: 1, ), ), prefixIcon: GestureDetector( onTap: () {}, child: Icon( Icons.search, size: 24, ), ), pref..
Flutter로 웹을 지원하고 개발할 때 실제 디바이스 웹으로 테스트하는 방법을 소개하겠습니다. 1. 준비 컴퓨터와 모바일 네트워크를 맞추셔야 합니다. 디바이스를 컴퓨터와 같은 네트워크 와이파이로 연결합니다. 2. Ip주소 확인 window / mac 에서 Ip주소를 확인합니다. ex) 192.111.1.1 3. Flutter 웹 빌드 project root directory 터미널에 다음 명령을 입력합니다. flutter run -d chrome --web-hostname 192.111.1.1 --web-port 8181 hostname 에는 2번에서 확인한 Ip주소를 넣어주시고, port 에는 사용하지 않는 포트번호 자유롭게 설정하셔도 됩니다. 빌드를 하게되면 192.111.1.1:8181 포트로 빌..
clone 해서 받아온 flutter프로젝트가 main.dart가 연결되어 있지도 않고 Project Tree에 보여야 될 폴더들도 보이지 않는 문제가 발생했습니다. 제가 해결한 방법은 project root에 있는. idea폴더를 삭제하고 다시 실행시키니 정상적으로 돌아왔습니다. 삭제 후 다시 프로젝트를 열어보면 정상적으로 열리는 것을 확인할 수 있습니다.
firebase debugview 기능을 사용하기 위해서 adb shell setprop debug.firebase.analytics.app "패키지명" 명령어를 사용중에 발생한 오류 해결 1. adb 절대경로 사용 android studio를 설치했다면 자동으로 android sdk가 설치되어 있을 것이다. android studio > File > settings > Appearance & Behavior > System Settings > Android SDK로 이동하면 Android SDK Location을 확인할 수 있다. 해당폴더에서 platform-tools 폴더로 들어가서 해당 절대 경로를 복사합니다. 그리고 작업중이던 명령어를 C:\Users\---\AppData\Local\Android..
