[Dart] 한글, 영어, 숫자, 특정 특수문자만 포함하는 정규식
Dart의 정규식은 대체로 다른 언어들과 거의 유사하다. 1. 한글만 포함 r'^[ㄱ-ㅎ가-힣]$' r' 문자열의 시작 ^ 입력 시작 [] 문자의 집합 (-는 문자의 범위) ㄱ-ㅎ ㄱ, ㄴ ,ㄷ... 가-힣 가, 나, 다... $ 입력 끝 2. 영어만 포함 r'^[a-zA-Z]$' a-z a, b, c... A-Z A, B, C... 3. 숫자만 포함 r'^[0-9]$' 0-9 0, 1, 2... 4. 한글, 영어, 숫자, 특수문자(・)만 포함 r'^[ㄱ-ㅎ가-힣a-zA-Z0-9・]$' 5. 글자수 제한 r'^[ㄱ-ㅎ가-힣a-zA-Z0-9・]{1,10}$' {1,10} 최소 1 ~ 최대 10 6. 테스트 해당 사이트는 정규식 결과를 그림으로 보여줘서 이해하기 쉽다. https://regexper.com..
GestureDetector에서 전체 행 클릭이 안될 때 (+ InkWell 효과 없애기)
GestureDetector( onTap: () { ... }, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '테스트', ), Icon(Icons.chevron_right), ], ), ), GestureDetector 위젯을 사용하면 다음과 같이 클릭 이벤트를 적용할 수 있다. 이 때, row의 text나 icon을 제외한 부분은 클릭할 수 없다. 전체 row를 클릭할 수 있는 첫번째 방법은 behavior: HitTestBehavior.translucent를 추가해주면 된다. GestureDetector( behavior: HitTestBehavior.translucent,// 추가 onTap: () ..
[Flutter] 이미지 크기 조절 fit 옵션 (BoxFit)
이미지 크기를 설정할 때 width, height 값을 주면 되고, BoxFit 클래스를 이용하면 설정한 크기 안에서 이미지 크기를 조절할 수 있다. Image.asset( 'test.png', width: 500, height: 250, fit: BoxFit.cover ), Boxfit.fill, Boxfit.contain, Boxfit.cover, Boxfit.fitWidth, Boxfit.fitHeight, Boxfit.none 각각의 차이를 비교해 보면 아래와 같다. 1. Boxfit.fill 설정한 크기에 맞게 비율이 변경되어 채워진다. 2. Boxfit.contain 설정한 크기 이내에서 비율이 변경되지 않고 가능한 한 크게 한다. 3. Boxfit.cover 비율이 변경되지 않고 설정한 크기..