筆者最近遇到一個巨坑的bug,深夜boss緊急呼叫,用戶進入某個頁面閃退,根據(jù)觀察,閃退的用戶都是iOS17的用戶,遂打離線包真機調試,調試發(fā)現(xiàn)日志為

WeChat41463d1c4ae3ec31f4e3a54e33f190be.png

791700624961_.pic.jpg

遂初步判定為UIGraphicsImageRenderer方法過期導致崩潰,由于頁面用到了三方組件,想當然的覺得是原生插件內部方法的問題,不兼容iOS17,遂重寫原生插件進行替換,一通重寫替換后,在運行,還是崩潰.....筆者麻了~

遂一行行注釋代碼,發(fā)現(xiàn)跟原生插件沒啥關系,??白費大半天功夫,在次尋找,一行行代碼注釋,發(fā)現(xiàn)崩潰在nvue中的css代碼上

  .bar {
          position: absolute;
          bottom: 0;
          width: 24rpx;
          background-image: linear-gradient(to bottom, #9724A9, #FFC600);
        }

筆者當時就懵了,一個簡簡單單的漸變色代碼為何會造成崩潰,為何其他的nvue界面不崩,就這個頁面崩,繼續(xù)找不同發(fā)現(xiàn),其他的view在設置漸變色之前都設置了height 高度屬性,這個css是在js方法中動態(tài)設置的高度,導致崩潰,麻了~當然,也有可能是筆者的離線包太老了導致的,但是這個鍋uniapp團隊一定得背,太難受了,知道原因所以更好修改了,只要在js中設置高度后再設置漸變色就可以了

        that.styleObject = {'position': "absolute", "bottom": "0",
          "width": "24rpx","height":that.barProcess,"background-image":"linear-gradient(to bottom, #9724A9, #FFC600)"};

還有一個地方也觸發(fā)了這個崩潰,text 只設置了line-height,沒有設置height也會導致這個問題,兄弟們多查查這種代碼吧

完美解決

生命不息,代碼不止!碼農(nóng)一枚,請多點贊

注:承接各種原生插件開發(fā),uniapp開發(fā),flutter開發(fā),有需私我呦~