1. 程式人生 > >更改React Native第三方元件原始碼

更改React Native第三方元件原始碼

React Native常用第三方元件彙總見連結:

http://blog.csdn.net/chichengjunma/article/details/52920137點選開啟連結


有時候第三方元件從樣式上並不能如我們意願,那我們如何更改React Native第三方元件的樣式呢,下面以react-native-viewpager和react-native-checkbox第三方元件為例:

(1)在node_modules檔案目錄下找到react-native-viewpager子目錄,更改react-native-viewpager下面的dot點的背景色及選中的背景色,如下圖所示,更改DefaultViewPageIndicator檔案中dot和curDot中顏色即可。

react-native-viewpager目錄:


DefaultViewPageIndicator.js檔案部分程式碼:



(2)在node_modules檔案目錄下找到react-native-checkbox子目錄,更改react-native-checkbox下面的兩個png檔案,如下圖所示,即可實現自己想要的checkbox樣式。



是不是很簡單呢?