原创 關於ImagePicker在android調用不起攝像頭的解決辦法

一、起因 app調用了 'react-native-image-crop-picker' ,發現在ios下調起攝像頭/相冊功能正常,但是在安卓下無法調起攝像頭。 react-native 版本:0.60.5 原代碼引入: import

原创 快速入門React引入富文本編輯器 -- wangEditor

前言:記錄一下工作中使用的比較方便的富文本組件,本文包含 1. 初始化。 2. 將html文本賦值給編輯器。 3. 在編輯器中上傳圖片。 4. 獲取編輯器中的內容   一 、 引入 yarn add wangeditor / npm in

原创 解釋React爲什麼onClick函數綁定都用箭頭函數()=>{}

前言,起因在於今日同事問起,發現不能很好的解釋這個問題,所以自己下來重新屢了一下思路,記錄一下。 一、什麼是箭頭函數,以及爲什麼React裏要用箭頭函數 1. 下面這兩個函數相同。只是react組件化,不支持在組建內部寫function,

原创 Input輸入框type=number時仍然可以輸入特殊字符-、+、e的解決方案

     一、起因 同事用了輸入框type=number但測試的時候發現 - 、+ 、 e 都可以輸入  <input type="number" /> 查閱了這個屬性目前瀏覽器的支持程度   查閱後發現 type = number

原创 關於React-Native底部tab高度初探

寫這篇文章的原因,就是產品經理希望在app下方的tab上懸浮一條提示,我們的app用的是RN的框架,於是我調研了一番如何去計算底部tab欄的高度。去RN的社區逛了一圈,發現目前沒有官方的方法能夠直接調用得到底部tab高度,甚至還看到有人因

原创 解決Xcode真機運行報錯:iPhone has denied the launch request

一、解決辦法 1. 先檢查鑰匙串裏的證書權限,確保xCode運行調試用到的證書(其實就是AppleWWDRCA、Apple Development、Iphone Distribution)確認證書配置均爲使用系統默認。(不要設置爲始終信任

原创 活用less:遍歷生成margin/padding/fontSize等類名

起因: 之前項目裏寫margin/padding之類的樣式都是用的窮舉的方式,實在覺得冗餘又繁瑣。下面直接貼代碼,解放你的雙手 一、 /* margin padding fontSize width 通用樣式表 免去你每

原创 Uniapp-tabbar選擇及適配

起因: 最近在用uniapp開發的時候遇到了劉海屏手機tabbar適配問題,一開始用uni官方自帶的tabbar,後來發現不能滿足開發需求。於是在插件市場上找了一個自定義的footer自己重寫了一下。拿出來記錄一下。(我這裏不是不建議大家

原创 解決iOS 12.4 (16G77), which may not be supported by this version of Xcode

問題描述 iphone升級到12.4,發現XCode無法真機調試。發現是XCode版本過老,可以更新XCode,但更新一般較慢。最快的解決方法如下。 解決 1.去下述鏈接下載缺少的包(XCode報錯缺哪個版本的包就下哪個zip) http

原创 重新學習Array.reduce()

最近在項目裏摳語言包的過程中發現做了很多重複的工作,然後同事指點了一下reduce這個方法,彷彿打開了新世界的大門。遂重新學習了一下reduce的用法。在博客記錄一下。 提示:努力想把文章寫的精簡,但是覺得關於這個函數很多細節想寫。所以這

原创 關於React-Native如何判斷當前router路徑的方法

背景:還是那個可愛的產品經理,需要我在app的tab頁面和tab二級頁面做不同處理,那麼問題來了,在主程序中,構建底部tab,我們用的是createBottomTabNavigator這個方法,也就是說,不能用this.props.nav

原创 React生成二維碼並將canvas轉換成img格式

1. 導入包生成二維碼 npm install qrcode.react npm包鏈接: https://www.npmjs.com/package/qrcode.react 1.1 生成二維碼: import * as QrCode

原创 解決部分安卓微信瀏覽器或者webview中window.reload()失效的問題

最近發現安卓系統在微信瀏覽器和webview裏不支持window.location.reload() 和 window.location.href  場景: //無效代碼 let old_url = wwwe.baidu.com?lan

原创 理解react-router路由跳轉路徑上的“#”

碎碎念:之前用react-router的時候直接用的舊項目默認配置,沒有仔細去了解爲什麼url上面會自帶#,趁着週末查閱了一下資料,自己總結一下。 一、理解什麼是react-router history 直接拿開發文檔裏的原話: Rea

原创 解決Module build failed: BrowserslistError: Unknown browser query `dead`的問題

最近在使用create-react-app構建項目的時候,執行npm run build命令,報錯: Module build failed: BrowserslistError: Unknown browser query `dead