선택된 권한 뿐만아니라, 권한의 설명까지 아래 보여주는 picker 라이브러리를 찾아 개발해야 한다.
1. react-native-dropdown-picker
나와 비슷한 질문에 react-native-dropdown-picker 라이브러리를 추천한 글을 보았다. 라이브러리를 더 알아보니 renderItem를 사용해보면 가능해보였다.
원하는 방식으로 개발이 가능했지만, selected 된 사항에 대해서는 다른 라이브러리처럼 설명이 보이지 않았다.
react-native-dropdown-picker는 자주 쓰이는 라이브러리였고, 다른 인지도가 없는 라이브러리는 다른 문제를 일으킬수도 있지 않을까 싶어서 이쯤에서 개발을 완료하려 했다. 거의 디자인에 맞춰 개발도 되었기에 추후 추가로 진행하면 되지 않을까...
한번더
불가능한 라이브러리는 제외하면서 정말 안되는 건지 확인하자
처음에 쓰인 react-native-dropdown-picker는 정확히 라벨만 가능하고, \n을 넣으면 두줄이 되긴하지만 글자색과 크기를 변경할수 없었다.
2. react-native-select-dropdown
renderItem 외에 renderButton 설정도 있어서 사용해보기로 했다.
선택된 사항에 대해서도 설명이 추가된 것을 확인했다. 선택 리스트가 modal로 표현되는 부분은 배경을 투명으로 바꿔주니 해결되었다.
기본 디자인이 없어 아직 어색하지만 이 라이브러리로 스타일만 적용해주면 되겠다!
이것저것 해보는 것이 아니라 확실히 안되는 부분을 찾아서 확인하자
be_zion