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 비율이 변경되지 않고 설정한 크기..
