原创 React Navigation 5.x 第六章 導航頭的按鈕

現在我們知道了如何自定義我們導航頭的樣式,現在我們來讓他能夠響應我們的觸摸事件。 在導航頭上添加一個按鈕 通常我們與導航頭交互的方法就是點擊位於標題左側或者右側的按鈕。現在我們在導航頭的右邊添加一個按鈕(這個地方也是你屏幕中最難觸摸到的地

原创 認識HTTP

HTTP是一種超文本傳輸協議。那麼什麼是超文本傳輸協議呢? 超文本傳輸協議可以進行文字分割:超文本(Hypertext)、傳輸(Transfer)、協議(Protocol),它們之間的關係如下 按照範圍的大小  協議>傳輸>超文本。下面

原创 React Navigation5.x 第三章 在頁面之間跳轉

在上一章中,我們定義了一個堆棧導航器,其有兩個路由(Home,Details),但是我們並不知道該如何從Home跳轉到Detail頁面 如果這是一個web瀏覽器,我們就可以如下這般定義 <a href="details.html">Go

原创 React Navigation5.x第二章 Hello React Navigation

在web瀏覽器中,你可以使用<a>標籤在不同的頁面之間跳轉。當用戶點擊一個超鏈接的時候,這個URL會被推入瀏覽器的歷史堆棧中。當用戶點擊返回按鈕時,瀏覽器會將上一個URL置於歷史堆棧的頂部,這樣當前頁面就會呈現先前被訪問過的頁面了。Rea

原创 配置android環境變量

今天搞個夜神模擬器玩玩,配置的時候需要運行adb命令,彈出不認識這個命令查找了一下原因,原來是android環境變量沒有配置 首先點擊我的電腦--》屬性--》高級系統設置--》環境變量 新建系統變量 E:\AndroidSDK\pla

原创 React 工作原理

Reactjs 起源於Facebook內部項目,是一個用來構建用戶界面的 javascript 庫,相當於MVC架構中的V層框架,與市面上其他框架不同的是,React 把每一個組件當成了一個狀態機,組件內部通過state來維護組件狀態的變

原创 RN面試題 JS基礎知識

JS基礎知識   1. for-of 循環   使用for-of的時候,循環的是數組內部的元素且不會出現for-in 中將附加屬性也遍歷的情況,其次,循環變量的類型和其在數組中的類型保持一致,而不是全部是string的情況。 var a

原创 RN打包錯誤集錦

打包注意事項:     1. 使用管理員身份打開命令窗口     2. 最好事先刪除android/app/build目錄,這個目錄在打包的時候會重新生成     3. my-release-key.keystore必須放在android

原创 setNativeProps詳解

在React Native裏面,如果要改變組件的樣式可以通過state或者props來做到。但有些時候由於性能瓶頸,不得不放棄通過觸發render的方式來改變樣式,而是通過setNativeProps來直接更改原生組件的樣式屬性,以達到相

原创 adb shell logcat 命令的運用

android 開發的程序員開發程序的時候 ,一定爲log而苦惱吧。Eclipse老是Log找不到,是不是很讓人不爽,雖然Android Studio的Logcat功能很不錯,蛋也沒有在命令行terminal中打印出來更方便。 adb l

原创 React Native 放抖延時

防抖延時是經常用到的動能,比如處理滾動事件做一些複雜計算,這樣就會頻繁調用回調函數,很容易造成頁面的卡頓。這種情況下,我們更希望把多次計算合併成一次,只操作一個精確點,我們普遍把這種方式成爲debounce(防抖)和throttle(節流

原创 常用npm 命令

npm i  就是npm install的簡寫 下載modules(我從github上clone一份項目後需要用到這個命令) 實際使用的區別點主要如下(windows下): 1. 用npm i安裝的模塊無法用npm uninstall刪除

原创 React Native Android9.0以上打包apk後http請求不到解決方法

錯誤原因:android9.0默認禁止訪問不安全的請求,比如http。 解決方案: 方法1:  使用認證過的https(我用的是阿里雲免費證書,因爲使用https還得配置,所以用了http) 方法2: 分爲兩步 第一步:在res下新增加一

原创 Execution failed for task ':react-native-gesture-handler:compileDebugJavaWithJavac'

因爲項目除了一些莫名其妙的問題,百般檢查之後無果,最後不得已刪除了原項目又從github上clone了一份項目 將項目clone下來後,在項目目錄中運行了npm i命令(下載modules)後執行react-native run-andr

原创 Error:Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'的解決辦法

昨天因爲更改了許多代碼 導出出現了某個莫名其妙的問題,百般調試下沒有任何進展  只好將項目刪掉,從github上重新clone了一份,經過挑時候最終出現了這個錯誤 出現這個錯誤的原因是包的重複引用,意思就是說之前你在項目中引用了某個包,