react-native가 밟았던 구덩이.

패키지 관리

새로운 제3자 패키지를 추가하면 여러 가지 문제가 발생할 수 있습니다. 버전이 틀리지 않으면 실행되지 않고 발생한 문제를 기록합니다.

Error: Cannot find module ‘xxx’

module.js:340
throw err;
^
Error: Cannot find module 'xxx'

이 문제는 인용 패키지가 없는 것이 아니라면 관련 의존이 필요합니다.

npm install -d

MainApplication.java:5: 오류: 패키지 xxx.xxx.xx 없음

만약 이 찾을 수 없는 제3자 패키지가 순수한 js 패키지가 아니라면, 안드로이드와 iOS 프로젝트에 링크가 없을 가능성이 높습니다:React Native 0.27+ 버전에서 실행:

react-native link xxx-xxx-xx

다른 React Native 이전 버전의 경우 rnpm(npm install-g rnpm)을 설치해야 합니다.

rnpm link xxx-xxx-xx

수동 링크도 할 수 있습니다. 예를 들어 안드로이드에서 항목을 setting. gradle 및 builde.gradle 다음에 MainApplication.java 의 getPackages() 방법에 대응하는 패키지 대상 실례를 목록에 추가해야 합니다.

undefined is not a function (evaluating ‘React.createClass’)

이 방법을 찾을 수 없습니다. React의 버전은 ^16.0.0-beta.5, 버전은 ^16.0.0-alpha.12로 수정하면 됩니다.

npm install react@^16.0.0-alpha.12 --save

높은 버전은 이 방법과 React를 없앴다.PropTypes, 그래서 이 두 곳에서 오류를 보고하거나 코드를 검사하거나 제3자 패키지를 검사하고 코드 수정 또는 반품React 버전을 선택합니다.

Android 제목이 가운데 없음

Android에서 기본적으로 title은 왼쪽에 있고 되돌아오는 단추에 붙어 있습니다. stackConfig에 다음 코드를 추가해서 가운데에 놓을 수 있습니다.

        navigationOptions: {
            ...
            headerTitleStyle: {
                ...
                alignSelf: 'center'
            },
            ...
        },

왼쪽 복귀 단추나 오른쪽 단추가 없으면 제목 문자가 가운데에 있을 수 있지만, 복귀 단추가 있는 페이지에서는 타이틀이 전체적으로 오른쪽으로 이동하기 때문에 오른쪽에View를 설정하여 타이틀을 가운데에 놓을 수 있습니다.

    static navigationOptions = ({navigation}) => ({
        headerTitle: ' ',
        headerRight: (
            <View/>
        ),
    });

이 질문은 Android Header Text Not Centered에 주목할 수 있습니다.
React-Native가 만나는 구덩이를 계속 업데이트합니다...