플러터(Flutter) 앱을 개발할 때 특정 조건에 따라 위젯을 보이거나 숨길 수 있는 기능이 필요한 경우가 있습니다. Visibility 위젯을 사용하여 이를 쉽게 구현할 수 있습니다.

Visibility 위젯

Visibility 위젯은 자식 위젯의 가시성을 설정하는 데 사용됩니다. 다음은 간단한 예시입니다.

Visibility(
  visible: _isVisible,
  child: Container(
    width: 200,
    height: 200,
    color: Colors.blue,
  ),
)

위 코드에서 _isVisible 변수의 값을 변경하여 Container 위젯을 보이거나 숨길 수 있습니다.

예시: 상태에 따라 위젯 표시하기

플러터에서는 상태 관리 클래스를 사용하여 위젯의 가시성을 관리할 수 있습니다. 예를 들어, 다음과 같이 setState를 호출하여 변수를 변경하여 화면을 다시 그릴 수 있습니다.

bool _isVisible = true;

void _toggleVisibility() {
  setState(() {
    _isVisible = !_isVisible;
  });
}

그리고 이를 호출하는 버튼을 눌렀을 때 위젯의 가시성이 변경됩니다.

ElevatedButton(
  onPressed: () {
    _toggleVisibility();
  },
  child: Text('Toggle Visibility'),
)

요약

Visibility 위젯을 사용하면 특정 조건에 따라 위젯을 동적으로 보여주거나 숨길 수 있습니다. 상태 관리 클래스를 활용하여 이를 유연하게 제어할 수 있습니다.

이러한 방식으로 플러터에서 Visible 상태로 위젯을 제어할 수 있습니다.