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

동찌·2023년 1월 6일
0

내일배움단

목록 보기
39/56
post-thumbnail
post-custom-banner

프로젝트 SA

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


UI구성

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

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도 감싸고 있어서 이런 오류가 나온 것 같아서, 전체를 감싸지 않고 인풋 부분만 감쌌더니 오류가 사라졌다.

post-custom-banner

0개의 댓글