Mobile App/React native

[React Native] 하단 네비게이션 사용시 주의 해야할 점.

bugtype 2019. 8. 15. 14:11

[React Native] 하단 네비게이션 사용시 주의 해야할 점.

주의

  1. Status bar
  • SafeArea
  1. Bottom bar
  2. 라이브러리
    1. react-native-paper
      • 특정뷰가 bottom bar위에 overlap 되지 않는다.
      • 뷰 전체를 감싸기에 renderSceen을 이용해서 화면을 그려줘야 한다.
    2. react-native-material-bottom-navigation
      • 해당 라이브러리 사용시 overlap 되니 주의 해야한다.
      • 또한 view 올리는 단순한 행위일 뿐이다. 그러니 실제 navigation이라고 착각하면 안된다.

  • react-native-paper

  • react-native-material-bottom-navigation