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..
TextField에서 복사나 붙여 넣기가 안될 때 아래 항목을 살펴보세요. TextFormField( enableInteractiveSelection: false, ... ), enableInteractiveSelection이 false로 되어있지는 않으신가요? true로 바꿔주세요. TextFormField( contextMenuBuilder: null, ... ). contextMenuBuilder가 null로 되어있으신가요? 해당구문을 아예 지워주시거나, contextMenuBuilder를 직접 만들어 넣어주세요.
TextField에 복사나 붙여넣기를 막아야 하는 상황에서 enableInteractiveSelection을 false로 주면 비활성화가 됩니다. TextFormField( enableInteractiveSelection: false, ... ),
return GestureDetector( onTap: () { FocusScope.of(context).unfocus(); }, child: ..., ); 포커스를 가진 위젯의 외부터치로 포커스를 잃게 하려면 원하는 외부영역의 루트에 GestureDetector로 터치이벤트를 감지하고 이벤트로 FocusScope.of(context).unfocus() 를 실행하면 현재 context의 focus를 감지해 focus를 제거합니다. TextField외 전체적으로 터치시 focus를 제거하려면 Scaffold 상위에 작업하시면 됩니다.
