Flutter에서 확인란이 활성화 / 선택된 후 테두리를 유지하는 방법

Nov 13 2020

그래서 지금 제가 가지고있는 것은

체크했을 때 테두리없는 체크 박스입니다.

내가 달성하고 싶은 것은

체크 할 때 테두리가있는 확인란입니다.

이것은 내가 가진 확인란의 코드입니다.

Checkbox(
          value: _isChecked,
          onChanged: (bool value) {
            setState(() {
              _isChecked = value;
            });
           },
          checkColor: Colors.pinkAccent,
          activeColor: Colors.transparent,
        ),
Text("Remember me")

답변

yahyaparvar Nov 13 2020 at 18:43

컨테이너에 포장하고 테두리를 설정할
수 있습니다. Flutter에서 위젯에 테두리를 추가하는 방법은 무엇입니까?
그런 다음 theme (unselectedwidgetcolor :)를 사용하여 확인란의 기본 테두리를
변경하려면 flutter에서 확인란 테두리 색상을 변경
한 다음이 질문에 따라 둘 다 사용할 수 있습니다.

bool _isChecked = false;

그런 다음 확인란을 정의하고 isChecked가 true와 같으면 색상을 흰색으로 변경하지 않으면 분홍색 악센트가됩니다. ternary if

  Container(
            decoration: BoxDecoration(
              border: Border.all(
                  color: _isChecked == true ? Colors.pinkAccent: Colors.black,
                  width: 2.3),
            ),
            width: 24,
            height: 24,
            child: Theme(
              data: ThemeData(unselectedWidgetColor: Colors.white),
              child: Checkbox(
                checkColor: Colors.pinkAccent,
                activeColor: Colors.transparent,
                value: _isChecked,
                tristate: false,
                onChanged: (bool isChecked) {
                  setState(() {
                    _isChecked = isChecked;
                  });
                },
              ),
            ),
          ),

위의 코드를 사용하면 다음과 같은 것을 얻을 수 있습니다.

분홍색 테두리를 원하는대로 변경할 수도 있습니다.

결과를 알려주세요