原创 React Navigation5.x第五章配置導航頭

我們已經演示過如何設置導航頭的標題,現在我們一起來探討一下導航頭的其他設置。 設置導航頭的標題 Screen組件都有一個options屬性,這個屬性可能是一個js對象或者是一個返回js對象的方法。這個屬性包含了很多可配置的選項。而其中的t

原创 android 打包錯誤:error: failed to read PNG signature: file does not start with PNG signature

React Native android打包時候報錯: 原因是無法讀取PNG簽名:文件沒有從PNG簽名開始。 這個一般是圖片格式有問題,像我就是將原先jpg圖片將其後綴名改爲png而導致了這個錯誤。重新處理圖片再加載就解決問題了。 解決

原创 使用導航鍵

參數:key  在不同的導航功能中會反覆使用到,今天讓我們看一下其主要的用法。 navigate  的調用方法   如果沒有提供key,StackRouter的行爲如下:          如果已經存在具有給定名稱的路由,StackRou

原创 當無法獲取到navigation屬性的時候該如何導航

通常我們可以使用navigation屬性上的navigate或者popToTop方法來進行應用內的導航。但 這並不是導航的唯一方法,如果你沒有使用像redux集成一樣傳遞自己的navigation屬性,那你就可以使用頂級導航器來分發你的導

原创 React Navigation5.x第七章 導航的嵌套

嵌套導航的意思就是說你新建了一個導航器,在這個導航器的導航頁中又包含了另一個導航器。比如: function Home() { return ( <Tab.Navigator> <Tab.Screen name=

原创 React Native與Android原生通信

我們用React Native 做混合開發的時候免不了要原生和React Native進行通信交互,這篇文章就是分享原生模塊與JS傳遞數據的幾種方式。 總的步驟可以分爲以下幾點: 1. 在原生端定義Module類繼承ReactContex

原创 React Native集成高德地圖(android)

首先要在這個網站上註冊用戶  然後根據說明創建應用,在應用右邊點擊加號添加key。 如何獲取key:   https://lbs.amap.com/api/android-sdk/guide/create-project/get-key

原创 透明度與十六進制對應表

透明度 十六進制 100% FF    99% FC 98% FA 97% F7 96%  F5 95% F2 94% F0 93%  ED 92% EB 91%   90%   89%   88%   87%   86%   85%  

原创 ES6 Set集合

集合的概念 集合是由一組無序且唯一的項組成的。這個數據結構使用了與有限集合相同的數學概念。 集合的特點key 和value的個數相同,沒有重複的value。類似於數組 但是成員的值都是唯一的,沒有重複的值 創建set set是一個構造函數

原创 獲取中國節假日信息api

1、接口地址:http://api.goseek.cn/Tools/holiday?date=數字日期 2、返回數據:正常工作日對應結果爲 0, 法定節假日對應結果爲 1, 節假日調休補班對應的結果爲 2,休息日對應結果爲 3 3、節假日

原创 React Navigation5.X 第四章傳遞參數

現在,我們知道如何創建配置導航器,並且如何在路由頁面之間跳轉。現在讓我們來探討一下當我們跳轉頁面的時候如何傳遞參數。 關於這個有兩點需要強調: 我們可以將參數封裝成一個對象,然後將這個對象作爲navigation.navigate方法的第

原创 React Navigation 5.x第八章 導航器的生命週期

在之前的章節中,我們學會了使用stack導航器,其有兩個頁面(Home和Details),並且知道如何使用navigation.navigate(‘RouteName’)在兩個路由之間跳轉。 在這篇文章中,我們主要了解當我們離開Home頁

原创 com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_PARSE

INSTALL_FAILED_VERSION_DOWNGRADE rn安裝到安卓設備上失敗: 原因: 安裝版本低於設備上已安裝版本 需卸載已存在版本

原创 React Native調用Android原生中的權限請求

原生端    新建PermissionModule public class CcPermissionModule extends ReactContextBaseJavaModule { public CcPermission

原创 React Navigation5.x 第九章 全面屏model

上圖中顯示了一個完全鋪滿整個屏幕的model 。model就像一個彈窗------它不是你導航中的頁面-----其顯示與隱藏都有其獨特的方式,會向你展示一些特別的信息。 將這個作爲React Navigation框架的一部分進行講解的目