| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- OpenWeatherApi
- 알고리즘
- 화면이동
- 면접을위한CS전공지식노트
- 딥러닝
- date-fns
- 플러터앱개발공부
- BottomTabBarNavigator
- Flutter공부
- 하단탭바알림
- 데이터베이스의기본
- 정보보호
- 앱개발공부
- Navigation
- tabBarBadge
- 플러터
- Object~
- ReactNative
- 날짜포맷팅
- BottomTabNavigation
- 명령형프로그래밍
- 웹해킹
- react
- RectQuery
- 모두의딥러닝
- Flutter
- 앱개발
- 플러터공부
- 선언형프로그래밍
- 플러터앱개발
Archives
- Today
- Total
기록하기
[React Native] 하단 탭 바에 알림 나타내기 (tabBarBadge) 본문
코드는 엄청 간단하지만 예전에 프로젝트를 진행하며 구현하는데에 어려움을 겪었던 경험이 있어서 이번에는 까먹지 않게 기록을 해보려고 한다!
구현 방법
간단하게 숫자로 나타내고 싶으면
tabBarBadge : 5,
텍스트로 나타내고 싶으면
tabBarBadge : 'new',
그냥 알림으로 나타내고 싶으면
tabBarBadge : true,
결과
깔끔하게 나타난다! 근데 왜 알림은 저렇게 크기가 큰건지 잘 모르겠다.. 바꾸는 방법은 조금 더 찾아봐야할 것 같다.. ㅎㅎ
'React Native' 카테고리의 다른 글
| [React Native] date-fns로 날짜 포맷팅하기 (0) | 2023.08.10 |
|---|---|
| [React Native] non-std C++ exception 에러 해결하기 (0) | 2023.08.09 |
| [React Native] BottomTabNavigator 용어 정리 (개발할때 참고) (0) | 2023.08.02 |
| [React Native] Navigation으로 화면 이동 구현하기 (0) | 2023.07.28 |
| [React Native] Objects are not valid as a React child 오류 (0) | 2023.07.26 |
'React Native' Related Articles
more
