반응형 플러터 검색창 디자인1 [Flutter] 포커스에 따른 input 박스 색상 변화 구현 플러터를 활용한 검색창 UI 개선: 포커스에 따른 컬러 변화 구현 TextField와 InputDecoration 위젯을 사용한 검색창 UI 구현 이번 글에선 플러터를 활용해 검색창의 사용자 경험을 개선하는 방법에 대해 이야기하려고 합니다. 이번 포스팅의 핵심은 바로 "검색창의 포커스에 따라 아이콘과 테두리 색이 변화하는 기능"입니다. 이 기능을 통해 사용자는 검색창이 현재 활성화되어 있는지 쉽게 파악할 수 있게 됩니다. 첫 번째로 보실 부분은 `_SearchPageState` 클래스 내부에 선언된 `_focusNode`라는 인스턴스입니다. 이는 `FocusNode` 클래스의 인스턴스로, 해당 위젯이 현재 포커스를 가지고 있는지 아닌지를 판단하는 역할을 합니다. 초기에는 `initState()` 메소드에.. 2023. 7. 9. 이전 1 다음 728x90 반응형
