개발자의 공부방/모바일
-
DropdownButton ( icon: Align( alignment: Alignment.center, child: Icon( Icons.keyboard_arrow_down, ), ), ) 1. icon을 적용한다. 2. 그 다음 Align widget 혹은 Center widget으로 감싸준다. 3. alignment 옵션을 이용해서 위치를 조정하면 된다.
Flutter] DropDownbutton의 화살표를 위치를 바꿔보자.DropdownButton ( icon: Align( alignment: Alignment.center, child: Icon( Icons.keyboard_arrow_down, ), ), ) 1. icon을 적용한다. 2. 그 다음 Align widget 혹은 Center widget으로 감싸준다. 3. alignment 옵션을 이용해서 위치를 조정하면 된다.
2022.03.15 -
...생략 DropdownButton( underline: SizedBox.shrink(), ) ...생략 드롭버튼을 만들면 화면에 기본적으로 언더라인이 붙는다. 이 부분을 삭제하는데 많은 방법이 있는 것 같으나 간단하게 위 방법을 선택했다. 참조 : https://stackoverflow.com/questions/53588785/remove-underline-from-dropdownbuttonformfield Remove underline from DropdownButtonFormField How can I remove the underline from DropdownButtonFormField (check photo below), I have tried various combinations of op..
Flutter] Dropbutton의 underline을 없애보자....생략 DropdownButton( underline: SizedBox.shrink(), ) ...생략 드롭버튼을 만들면 화면에 기본적으로 언더라인이 붙는다. 이 부분을 삭제하는데 많은 방법이 있는 것 같으나 간단하게 위 방법을 선택했다. 참조 : https://stackoverflow.com/questions/53588785/remove-underline-from-dropdownbuttonformfield Remove underline from DropdownButtonFormField How can I remove the underline from DropdownButtonFormField (check photo below), I have tried various combinations of op..
2022.03.15 -
체크박스를 사용하는 경우가 상당히 많은데, 커스텀해서 사용하는 방법을 알아보자. Checkbox( value: true, onChanged: (bool? value) { print('체크박스'); }, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10)), checkColor: Colors.white, // fillColor: MaterialStateProperty.resolveWith(getColor), activeColor: Color(0xff06bbfb), materialTapTargetSize: MaterialTapTargetSize.padded, ), Checkbox에 shape을 이용하면 사각형 형태가 아래와 같이 구 ..
Flutter] Checkbox를 동그라미로 커스텀해보자.체크박스를 사용하는 경우가 상당히 많은데, 커스텀해서 사용하는 방법을 알아보자. Checkbox( value: true, onChanged: (bool? value) { print('체크박스'); }, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10)), checkColor: Colors.white, // fillColor: MaterialStateProperty.resolveWith(getColor), activeColor: Color(0xff06bbfb), materialTapTargetSize: MaterialTapTargetSize.padded, ), Checkbox에 shape을 이용하면 사각형 형태가 아래와 같이 구 ..
2022.03.15 -
DropdownButton으로 드롭박스를 만들었을 때 이런 식으로 width 사이즈가 작게 나와 있다. 근데 비율이라는 드롭박스를 누르면 나오는 목록의 크기가 위의 사이즈와 다르게 나온다. 이 부분을 같도록 만들어보자. 방법은 간단하다. 1. DropdownButton 위젯을 ButtonTheme으로 감싸준다. 2. ButtonTheme 위젯의 옵션 중 alignedDropdown을 true로 주면 된다. 이런식으로 목록의 사이즈가 달라짐을 확인할 수 있다. flutter 개어렵다....
Flutter] DropdownButton을 눌렀을 때 목록 크기를 맞추는 방법.DropdownButton으로 드롭박스를 만들었을 때 이런 식으로 width 사이즈가 작게 나와 있다. 근데 비율이라는 드롭박스를 누르면 나오는 목록의 크기가 위의 사이즈와 다르게 나온다. 이 부분을 같도록 만들어보자. 방법은 간단하다. 1. DropdownButton 위젯을 ButtonTheme으로 감싸준다. 2. ButtonTheme 위젯의 옵션 중 alignedDropdown을 true로 주면 된다. 이런식으로 목록의 사이즈가 달라짐을 확인할 수 있다. flutter 개어렵다....
2022.03.15 -
final _valueList = ['최대', '50%', '25%', '15%', '10%']; String? _selectedValue; ... 생략 Container( child: DropdownButton( hint: Text('비율'), items: _valueList .map( (String item) => DropdownMenuItem( child: Text(item), value: item, ), ) .toList(), onChanged: (String? value) => setState(() { print('==> ${this._selectedValue}'); print('==> selected $value'); this._selectedValue = value; }), value: _s..
Flutter] DropdownButton으로 DropBox 구현하기final _valueList = ['최대', '50%', '25%', '15%', '10%']; String? _selectedValue; ... 생략 Container( child: DropdownButton( hint: Text('비율'), items: _valueList .map( (String item) => DropdownMenuItem( child: Text(item), value: item, ), ) .toList(), onChanged: (String? value) => setState(() { print('==> ${this._selectedValue}'); print('==> selected $value'); this._selectedValue = value; }), value: _s..
2022.03.15