2024/11/29 2

[Flutter] BottomNavigationBar의 splash 효과 제거 | BNB custom(2)

문제상황이전 포스팅인 BNB custom(1) 에서 시스템 네비게이션 바를 흰색으로 고정했다    근데 다시 검정 시스템 네비바로 바꿔서 보자면  눌렀을 때 플러터 BNB 자체의 기본적인 스플래시 효과로 인해 정신 사납다...스플래시를 조절하거나 없애는 것이 필요해보였다.    해결BottomNavigationBar 외부에 Theme으로 감싸서splashColor와 highlightColor를 투명인 Colors.transparent로 바꿔주면 된다. [간단 구조]컨테이너 ( 그림자 효과 (),    스플래시 효과 제거 (        커스텀 BNB ()    ))     [코드]Container( decoration: BoxDecoration( boxShadow: [ ..

Mobile 2024.11.29

[Flutter] systemNavigationBar 색상 변경 | BNB custom(1)

문제상황BottomNavigationBar(BNB) 디자인이 확정돼서 적용을 하려했는데디자이너 분 말씀으로는 인디케이터 공간까지 고려해서 BNB 공백을 타이트하게 잡았다고 하셨다.   IOS 기준으로는 별도의 설정 없이 systemNavigationBar가 알아서 BNB 배경색에 맞게 된다.   근데 Android (Pixel Phone) 기준으로는 라이트모드, 다크모드 상관없이 이렇게 떴다.삼성 폰 기준으로는 라이트 모드, 다크 모드 각각 흰색 검은색으로 떴다.   근데 우리가 12월 출시 때는 다크모드 고려안하고사용자 디바이스의 모드와 상관없이 라이트모드로 보이도록 하기로 했다. 따라서 저 시스템 네비게이션 바를 흰색으로 바꿔야하는 상황이다.   해결main.dart에 해당 코드를 추가하면 된다.@o..

Mobile 2024.11.29