原创 實現react移動端漸變骨架屏簡單案例
首先是最終效果圖（取截圖，真實效果是會忽隱忽現） 調用各部分骨架的Skeleton.js import React from 'react'; import moment from 'moment'; import styles fr
2020-03-31 19:10:07
原创 理解和使用Promise.all和Promise.race
一、Pomise.all的使用 Promise.all可以將多個Promise實例包裝成一個新的Promise實例。同時，成功和失敗的返回值是不同的，成功的時候返回的是一個結果數組，而失敗的時候則返回最先被reject失敗狀態的值。 具體
2020-03-29 14:14:56
原创 Android真機調試 顯示端口被佔用 殺死進程仍舊無效
（1）Android真機調試 顯示端口被佔用，則殺死佔用端口的進程 （2）先adb reverse再yarn start （3）如果無法映射端口，則拔插usb或者刪除真機上的app或者重啓手機 （4）如果一切成功後，一直卡在廣告頁，則開
2020-03-29 14:14:56
1
原创 react-native 骨架屏 rn-placeholder之使用以及封裝使用案例
首先是package的介紹 http://npm.taobao.org/package/rn-placeholder 接下來是封裝代碼（安裝引用本文不提及） import React from "react"; import Pl
2020-03-29 14:14:56
29
原创 react-native 更新pods內容相關問題
背景 我們的react-native項目分成了2個部分，一部分是外框代碼（即含ios和android文件夾），另外一部分是業務代碼（app文件夾），目前是新開發了一個app，應用了以前的代碼，但是需要刪除部分目前app沒有用到的pods插
2020-03-19 04:45:47
原创 記Git報錯-refusing to merge unrelated histories
記錄解決方案：https://blog.csdn.net/u012145252/article/details/80628451
2020-03-19 04:45:47
原创 mac下vscode代碼格式化及其他常用快捷鍵
（一） 代碼格式化： 快捷鍵：shift + option + F （二）選中方法，跳進方法 快捷鍵：command + 鼠標左鍵 （三）選中方法進行查看方法實用位置 快捷鍵：command + d （四）打開文件 快捷鍵：c
2020-03-17 19:39:56
原创 JavaScript (intermediate value).Format is not a function 日期格式化函數報錯
前言 最近項目遇到一個問題，就是在javascript中使用new Date().Format("yyyy-MM-dd")的時候，會出現報錯現象。 分析 經查，發現是新版本的javascript已經去掉此方法了，詳細案例： this
2020-03-17 19:39:56
1
原创 react-native 打包android之安裝AndroidStudio 處理過程及參考記錄
Android Studio報錯unable to access android sdk add-on list解決方案 https://blog.csdn.net/u010358168/article/details/815353
2020-03-16 11:01:14
原创 react-native ScrollView下使用 RefreshControl 的 loading指示圖標模擬下拉刷新頁面場景
效果圖： 代碼如下： _onRefresh = () => { this.setState({ refreshing: true }); // setTimeout模擬請求獲取數據回調 setTime
2020-03-13 18:14:19
5
原创 react中的子組件...props傳參的報錯限制
我們通常封裝組件，會看到使用{...props}來傳遞子組件B從父組件A接收到的屬性給孫子組件C（剩餘父組件屬性傳遞給孫子組件的屬性），那麼，是否意味着只要子組件{...props}後，子組件就可以直接使用該屬性呢？ 答案是否定的，{..
2020-03-13 18:14:19
1
原创 React Native 動畫（Animated）
在上篇文章中介紹了 LayoutAnimation 的用法，本篇文章就來詳細介紹一下 Animated 的用法。 Animated 簡介 Animated 庫用於創建更精細的交互控制的動畫，它使得開發者可以非常容易地實現各種各樣的動畫和交
2020-03-13 18:14:19
原创 處理react-native-swiper第三方輪播組件的樣式高度問題
處理react-native-swiper第三方輪播組件的樣式高度問題，方案是將swiper組件放到一個View容器裏，並且給容器設定高度，超出部分overflow: hidden 如果需要在輪播圖上放標題+橫向長條背景框，則需要放到容
2020-03-13 18:14:19
原创 vscode保存格式化 react代碼 後單引號變成了雙引號 如何解決
問題描述 在使用vscode格式化react-native代碼時，出現單引號變成了雙引號問題（導致每次git上傳代碼，一堆修改記錄，被同事吐槽）： 格式化前： 格式化後： 解決方案 在項目根目錄下新建文件：.prettierrc.
2020-03-13 18:14:19
原创 ReactNative View組件添加陰影樣式
代碼樣式如下： elevation: 20, // 適配android的 shadowOffset: {width: 0, height: 0}, // 以下4項適配ios shadowColor: 'black', shadowOpa
2020-03-12 11:18:49