[ReactNative] @react-native-picker/picker 값 "?"로 나오는 오류 해결

 

@react-native-picker/picker 값 "?"로 나오는 오류 해결

 

import { SafeAreaView, View, Platform, StatusBar, Text } from 'react-native';
import styled from 'styled-components/native';
import { Picker } from '@react-native-picker/picker';

export default function App() {
  return (
    <SafeArea>
      <View style={{ justifyContent: 'center', flex: 1, gap: 50 }}>
        <FromBox>
          <View>
            <Picker>
              <Picker.Item label="English" value="es" />
              <Picker.Item label="Korean" value="ko" />
            </Picker>
          </View>
        </FromBox>
        <ToBox>
          <Text>Hello</Text>
        </ToBox>
      </View>
    </SafeArea>
  );
}

 

게시글 제목 그대로 @react-native-picker/picker 라이브러리를 사용해서 picker를 구현 하려고 했는데 Item 값이 ? 물음표로 보이는 현상이 발생했다.

 

구글링을 해도 해결방법이 안나오는 걸 봐서는 최신에 나온 오류인가 싶었다.

 

라이브러리 깃허브 이슈를 확인하려고 들어가보니까 아니나 다를까 나랑 같은 현상을 겪는 질문이 많았고 해결책도 얻었다.

 

정확한 원인이 뭔지는 안나온것 같지만 해결한 다른 개발자분의 말을보면
RN Fabric이라는 React Native의 새로운 렌더링 엔진이 있고 0.7 버전 이후부터 기본으로 활성화된다고 한다.
그렇기 때문에 기존의 안정적인 React Native 아키텍처로 돌아갈려면 Fablic을 꺼야한다는 것 같다.

 

해결 방법

ios 폴더로 이동후 (cd ios) -> 터미널에

RCT_NEW_ARCH_ENABLED=0 pod install

명령어를 넣어주면 해결 된다고한다.

 

 

이제 잘 나온다. 헷

 

 

 

 

결론..

오류 해결한 블로그 포스트가 안나와서 작성해봤다..