原创 react-native 連接真機debugger時打包彈出報錯 android - Waiting for Debugger 解決

如下圖,這是在打包到android真機設備上時,由手機彈出的,一臉懵逼,不知道啥情況 搜索了一下,發現並不是唯一解   有人說,這是端口占用; 有人說,需要clean項目,重啓adb服務; 有人說,這是 AS 開的太多了; 有人說,在an

原创 Unable to load script from assets‘index.android.bundle‘.Make sure your bundle is packaged correctly

 上網查了一下很多文章,下面提供一些解決方法: 方案一 這個方案不通用,我的情況是,項目移植時,從倉庫clone下來的代碼、文件缺失了,按照原本的文件進行替換補充即可   方案二 1.首先手動在android/app/src/main目

原创 調試移動端h5的新聞詳情頁 對於空格pc谷歌瀏覽器調試的渲染效果與手機終端的渲染效果不同

我接到了一個需求,實現新聞列表以及對應的新聞詳情 這是一個react-native項目,但是要求用移動端h5開發詳情頁,打包成dist後,作爲一個鏈接以供rn列表項點擊跳轉 問題來了,詳情頁的內容會在後臺系統填寫一些空格格式,pc谷歌瀏覽

原创 react-native 如何顯示視手機本地視頻縮略圖

已知文件路徑 const url = 'file:///data/user/0/com.ycdj/files/media/325345345/partyCompute/143553.mp4' render中進行渲染時,寫法如下: <I

原创 react-native 使用react-native-image-crop-picker上傳圖片、視頻到服務端

博主主要卡在了上傳數據這一步 情景是這樣的: 每一次只允許選擇一張圖片,每次從相冊中選擇一圖片點擊右上角確定後,立即發送請求,上傳該圖片,並且下次再點擊時,重複這個動作。 (1)點擊下圖的上傳資料 (2)點擊紅框內的按鈕 (3)選擇圖

原创 react-native transform如何寫

transform: [{translateX: 100}]  

原创 XCode 移植項目 異常處理檢查事項記錄

1、由於git倉庫會忽略一些文件,導致一些應有的配置文件缺失(bin/.env.dev || .env.prod隱藏文件,Mac使用快捷鍵shift+command+.查看)(build/init.env.js || init.prod.

原创 js 獲取樣式值以及樣式屬性值

this.delayGetDomTimer = setTimeout(() => { for (let i = 0; i < myCollection.length; i++) { const str =

原创 react-native 絕對定位元素設置zIndex層級無效 仍舊被遮蓋 如何設置層級

react-native層級的設置還是和PC、移動端h5不一樣的 如下圖所示(博主指的是右上角的“待審覈狀態”絕對定位層級被卡片TouchableOpacity覆蓋): 以如下代碼爲例,如果將source對應的Image放在<Touch

原创 react-native 安卓android 陰影展示不正常 展示不全

在react-native中,IOS的陰影效果很好處理,但是android上,即便設置了 elevation值,也會出現陰影展示異常,比如展示不全,看起來似乎被切割了 下面就來介紹下如何解決: 在react-native中,android

原创 react-native系列入門篇:在VSCode中配置ESLint(代碼檢測工具)

ESLint是一套javascript代碼檢測工具。要記住,代碼也是寫給人看的,所以一定要注意代碼的編寫規範。ESLint可以根據自己設置的規則實現對代碼的檢測,從而規範了代碼的風格。本篇內容主要介紹如何在VSCode中使用ESLint。

原创 移動端Android真機上 scrollTop一直爲0的解決方案

確保html,body的高度爲auto!!! 不能是100%

原创 下載easy connect MAC版本地址

1.下載easy connect 訪問https://vpn.dtwave.com/ 跳轉到軟件下載地址選擇對應系統的安裝包點擊下載即可 2.軟件安裝,常規軟件安裝步驟,小白操作,一直往下點 3.軟件安裝完成,再次訪問https://vp

原创 JavaScript - 含function的json對象與json字符串之間相互轉換

基本的轉換爲:JSON.parse與JSON.stringify。 但是json數據中含function,則轉換後,function會丟失,如: const json = {     name: 'john',     getCla

原创 react-native 安裝eslint啓動報錯Module `moment` does not exist in the Haste module map

如題,vscode安裝完插件並配置完成以後,啓動服務,報錯: Module `moment` does not exist in the Haste module map 查了一下代碼,moment是有引入的,並且能夠成功導向,按理說不