記react-native中ImageBackground導致的閃退問題

原創 木豪末 2020-02-21 11:51

問題描述：使用ImageBackground顯示網絡圖片，在小米9上沒有問題，在oppoR9tm機型上直接出現了閃退的問題

問題原因：網絡圖片地址有一個請求時間，在圖片地址沒有請求過來的時候直接放在ImageBackground中進行展示，在低端機型中會出現閃退問題

解決方案：做一個判斷，在圖片地址請求過來的時候再顯示ImageBackground組件，這樣就不會有問題了

木豪末
發佈了28 篇原創文章 · 獲贊 6 · 訪問量 2萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

React-native設置全局函數globle【適用於有組件嵌套時】

APP的首頁App.js裏，根據logFlag的值來判斷渲染的內容是登錄頁面還是首頁： 以前的邏輯是在MyInfo.js文件裏的註銷按鈕裏設置isLogin爲false，然後跳轉到App.js，App.js判斷isLogin

Rlusia 2020-06-26 11:29:20

react父子組件傳值及事件傳遞總結

1.父組件可以通過傳遞props給子組件來控制子組件的一些屬性 2.父組件可以通過props傳遞事件給子組件，子組件通過調用父組件的事件來控制父組件的屬性 3.通過dva可以使用全局的屬性來管理父子組件的狀態

木豪末 2020-06-23 17:51:38

react想要子組件每次顯示的時候都執行componentDidMount方法

1.把子組件的顯示用一個state的值去控制，每次state變化的時候都會導致子組件的重新渲染，componentDidMount方法自然每次都會執行 2.給子組件設置一個隨機的key值，每次顯示的時候都重新刷新它的key值，這樣子組件每

木豪末 2020-06-23 17:51:37

ant design 當中select組件給了value，卻不顯示對應的選項值的問題

原因就是設置的value值跟選項的value值不相等，這裏面的坑就是數據類型不一樣的時候很容易引起迷惑，因爲他的相等是三個等號，number和string的數字看起來一樣，但實際上是不相等的，所以就找不到對應的選項值，這裏很容易入坑，切記

木豪末 2020-06-23 17:51:36

獲取git庫的RN項目添加react-native

命令中 --save 放置在最後面 添加react-native相關模塊 yarn add --save [email protected] react 查看react-native 版本 react-native -

MacleChen 2020-06-21 11:46:15

爽爆天ReactNative基礎篇 - 2.2 搭建iOS工程

可以點擊進入本人的個人網站，上面有最新的教程進度 開始本章之前，仍然不厭其煩地囉嗦幾句，本章節基於蘋果的mac OS X 系統，本系列教程的所有文章也都是基於此係統的，本人強烈建議使用mac進行開發。 本章概述（react-n

汛汛小帅哥 2020-06-16 13:40:20

寫一下react-native中的scrollview的使用場景

啊 啊 啊 啊 啊 啊

七块oooo 2020-06-14 13:49:01

react-native RSA 非對稱加密

今天要介紹的是 RSA非對稱加密。 非對稱加密分爲兩個祕鑰，公鑰和私鑰。 關於rsa加密過長的一種解決方案是，先採用MD5加密明文，再對加密後的md5 進行rsa加密。 1.先用openssl生成 公鑰和私鑰，不會的自己百度。 2. 下面

_左左 2020-06-14 01:15:31

React-native之友盟(UMeng)推送集成（超詳細）（android版）----------小白的天堂

React-native之友盟(UMeng)推送集成（超詳細）（android版） 集成環境： React-native: 0.61.5 Umeng push sdk:6.0.5 測試環境： Android模擬器版本：5.x（成功） An

qq_386605092 2020-06-13 20:45:23

初學react native基礎（組件、API、插件、樣式、佈局）

React Native React Native 看起來很像 React，只不過其基礎組件是原生組件而非 web 組件。要理解 React Native 應用的基本結構，首先需要了解一些基本的 React 的概念，比如 JSX

前端薛之谦... 2020-06-10 07:15:47

Flutter基礎（一）移動開發跨平臺技術的百家爭鳴

關聯繫列 ReactNative入門系列 React Native組件 本文首發於公衆號「劉望舒」 前言 本來這一篇應該介紹如何搭建Flutter開發環境的，但我想在瞭解Flutter前，不妨瞭解一下跨平臺技術的演進，這樣更有

刘望舒 2020-06-06 13:58:26

react native 抖音視頻列表頁

jon lee 2020-05-24 08:43:05

ReactNative和小程序混編

wx5ebc16284148f 2020-05-14 17:01:27

ReactNative和小程序混編

wx5ebc16284148f 2020-05-14 17:01:27

React-native之友盟(UMeng)推送集成（android版）----------小白的天堂

qq_386605092 2020-03-13 15:27:18