[TIL][RN] MZL 프로젝트 (1)

프로젝트 SA

https://lilac-hacksaw-9e8.notion.site/MZL-100-MZLanguage-337ccdcf5d40498d8bc6eef21d3a809a

---

UI구성

키보드에 가려져서 input이 보이지 않는 문제

• 해결방법
  KeyboardAwareScrollView를 사용했다

  https://github.com/APSL/react-native-keyboard-aware-scroll-view

  extraScrollHeight prop을 사용해서 버튼도 볼 수 있게 만들었다.

Picker

• React Native Dropdown Picker

  https://hossein-zare.github.io/react-native-dropdown-picker-website/

• select box가 가려져서 확인해보니 picker를 감싸고 있는 부모 컴포넌트에 zIndex를 주면 된다.

• 오류

  VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.

  같은 방향으로의 스크롤이 더 있으면 안된다고 한다.
  KeyboardAwareScrollView로 전체를 감쌌었는데 Picker도 감싸고 있어서 이런 오류가 나온 것 같아서, 전체를 감싸지 않고 인풋 부분만 감쌌더니 오류가 사라졌다.