寫在前面：

這個問題巨坑一個，足足花了我2天時間。

現象描述：

使用react-native run-android 命令打的包能正常安裝在模擬器上執行，一切都是那麼的平靜。然而，我使用gradlew assembleRelease命令打出的生產包，編譯都ok，已安裝到手機上（android）啟動時就崩了，使用手機連上androidStudio後，看到報的日誌是undefined is not an object (evaluating ‘a.View.propTypes.style’)（或者是XXX.View.propTypes.style’）

程式碼示例：

export default class Header extends Component {
    static propTypes = {
        style: View.propTypes.style,//看到了嗎？就是這句，一個公共元件，一不小心混了一個這東西，太坑了
        title: PropTypes.string,
        showGoBack: PropTypes.bool,
        onBack: PropTypes.func,
        titleStyle: PropTypes.object,
        rightTitle: PropTypes.string,
        onRight: PropTypes.func,
        rightIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
        renderRightItem: PropTypes.func
    }
 

解決方案：

安裝第三方庫prop-types

npm install prop-types --save

在檔案中引入PropTypes

import PropTypes from 'prop-types';

將所有

View.propTypes.XXX

換成

PropTypes.XXX

這就就ok了！！！！

總結：

如果遇到APP崩潰的情況，一定要看日誌（android就用androidStudio，不會使用的去簡單學一下就行了，很簡單），這樣才能精確定位到問題，對症下藥。

為了能及時的將自己踩到的前端坑（包括ionic,angular,ReactNative,小程式,APICloud