[flutter] 플러터에서 위젯의 Visibility 조건부로 설정하기

Visibility 위젯을 사용하면 특정 조건에 따라 위젯을 보이거나 숨길 수 있습니다.

Visibility(
  visible: _isVisible,
  child: Text('Hello, Flutter!'),
)

여기서 _isVisible는 boolean 값으로, 위젯의 가시성을 결정합니다. 그리고 Text 위젯은 _isVisible 변수가 true일 때만 화면에 보입니다.

2. 조건부로 Visibility 설정하기

보통은 사용자의 입력이나 특정 상태에 따라 위젯의 가시성을 조절하는 경우가 많습니다. 예를 들어, 버튼을 눌렀을 때 특정 위젯을 보이게 하고, 다른 상황에서는 숨기고 싶을 수 있습니다.

Visibility(
  visible: _isButtonPressed,
  child: Text('Button is pressed!'),
)

위 예시에서 _isButtonPressed 변수가 true이면 ‘Button is pressed!’ 텍스트가 화면에 보이게 됩니다.

이렇게 Visibility 위젯을 활용하면 동적으로 위젯의 가시성을 조절할 수 있어서 사용자 경험을 향상시킬 수 있습니다.

3. 마무리

Flutter에서는 Visibility 위젯을 이용하여 조건부로 위젯의 가시성을 설정할 수 있습니다. 이를 활용하면 사용자 상호작용에 따라 동적으로 화면을 제어할 수 있어 더 나은 앱을 만들 수 있습니다.

위젯의 가시성을 동적으로 조절하고 싶은 경우에는 Visibility 위젯을 적절히 사용해보세요.

관련 문서: Flutter Visibility class