flutter

개발/Flutter

다중 네비게이터 사용 시의 modal_bottom_sheet 문제

root가 아닌 자식에서 modal_bottom_sheet을 1 개의 네비게이터 사용하듯이 열면 아래 이미지와 같은 문제가 발생한다. 이를 해결하기 위해선 root 네비게이터를 쓰도록 해야한다. 일반적인 dialog처럼 modal_bottom_sheet에도 적용 가능하므로 아래와 같이 한 줄 추가하면 해결된다. 아래와 같이 하위 네비게이터가 아닌 root 네비게이터에서 modal 창이 나온다.

개발/Flutter

화면 눌러 focus 해제

GestureDetector( onTap: () => FocusScope.of(context).unfocus(), child: ... ); 위 방식으로 설정하여 child 내의 위젯 중 focus를 가지고 있는 상태에서 focus대상이 아닌 곳을 누르면 해제

개발/Flutter

status bar color 변경

import 'package:flutter/services.dart'; SystemChrome.setSystemUIOverlayStyle( const SystemUiOverlayStyle( statusBarColor: Colors.blue, statusBarIconBrightness: Brightness.light, statusBarBrightness: Brightness.light, ), ); brightness는 아이콘의 색상을 light(흰색), dark(검은색) 중에서 설정하는 것 statusBarIconBrightness는 android의 status bar icon의 색상 결정 statusBarBrightness는 iOS의 status bar icon의 색상 결정(안먹히는 것으로 보임, 더 테..

개발/Node.js

[Error][Express][Flutter] TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined

flutter에서 express서버로 image를 전송한 뒤 multer 미들웨어를 통해 받을 때 위 에러가 발생했다. 위 에러가 발생하면 서버가 종료되었다가 다시 실행되어 flutter에선 아래 에러를 뱉어낸다. Unhandled Exception: Connection closed before full header was received 통신이 다 끝나기도 전에 서버가 재시작되어 발생한다고 볼 수 있다. 문제점 const storage = multer.diskStorage({ destination: (req, file, callback) => { callback(null, __dirname + '/target/dir'); }, filename: (req, file, callback) => { callb..

개발/Flutter

입력란에 값 보이지 않게 하기 (비밀번호 입력)

TextField나 TextFormField 위젯 내에서 사용 TextField( ... obscureText: true, enableSuggestions: false, autocorrect: false, ) obscureText가 실제로 값이 보이지 않도록 설정하는 것이므로 true로 설정 enableSuggestions는 자동 제안 기능이고, autocorrect는 자동 완성 기능이므로 둘 다 false로 설정하여 노출 위험성을 줄임 참고 How to add a Password input type in flutter makes the password user input is not visible , just like Android Native EditText 's i meet a problem tha..

개발/Flutter

앱 이름 변경

Android Android -> app -> src -> main -> AndroidManifest.xml 열기 Application 태그 내의 android:label 속성의 값을 변경 Runner -> info.plist 열기 여러 key 태그 중 CFBundleDisplayName란 내용을 포함한 키를 찾음 찾은 key 아래의 string에 앱 이름 입력 CFBundleDisplayName 앱이름

개발/Flutter

Flutter 설치

Mac(IOS, Android) 설치 바로가기 Window 10(Android) Flutter SDK 설치 stable 버전의 flutter sdk를 압축한 zip파일 다운로드 한 뒤 원하는 경로에 압축 풀기 압축 풀면 flutter 폴더가 생긴다. SDK 설치 링크 작성일시 기준으로 한글로 된 설치 페이지에선 설치 버튼이 비활성화 되어있어 설치가 되지 않는다. 환경 변수 추가 환경 변수에 압축 푼 경로\flutter\bin 을 추가 예시로 난 d드라이브에 압축을 풀었으므로 D:\flutter\bin 를 환경 변수에 추가했다. 환경 변수 설정 방법 링크 환경 변수 설정 확인 cmd 창 열어 flutter 명령어 입력해서 작동 여부를 통해 환경 변수 설정 확인 정상 작동한다면 여러 안내문구와 처음 입력시엔..

leebera_
'flutter' 태그의 글 목록