React Native 開源項目之OneM詳解

時間 2019-11-17

標籤 react native 開源項目 onem 詳解欄目 React 简体版

原文原文鏈接

前言

本篇文章是對最近開源的純ReactNative項目OneM的使用補充說明，因爲OneM項目中大量使用到Redux、Router-flux等框架的知識，對於初學者來講可能看起來有些吃力，不知道從何看起。因此做者打算寫一篇較詳細的OneM學習手冊。想查看OneM更詳細的項目介紹請點擊。歡迎你們Starhtml

OneM項目地址

github.com/guangqiang-…java

課前準備

開發工具react

如今市面上有不少開發工具可供選擇：例如（ws、sublime、Atom、vscode等）。這個根據我的喜愛選擇不一樣的開發工具便可。

開發環境git

Node環境、react環境、nvm環境、javajdk環境

基礎知識es6

js經常使用語法github
- js經常使用語法請參照W3C
es五、es6經常使用語法redux
- 請參考做者對es五、es6經常使用語法的總結：經常使用es5與es6語法總結react-native
- 更多詳細的es6語法學習請參照：阮一峯老師ECMAScript 6 入門微信
flexbox盒子模型佈局網絡
- 請參照：阮一峯老師Flex佈局詳解

項目文件夾層級關係及做用

根目錄文件夾示意圖

下面主要介紹src目錄

src目錄下的每個子模塊在這裏就不一一展開演示說明了，每個文件夾都有其本身獨立的功能和含義，但願同窗們本身私下認真的學習體會每個文件目錄對應的功能特性。

react-native-router-flux路由框架詳解

學習react-native-router-flux路由框架請點擊

想直接運行Demo查看效果請點擊

更多更詳細的內容請查看官方Git

Redux框架詳解

學習Redux框架請點擊

想直接運行Demo查看效果請點擊

更多更詳細的內容請查看官方Git

fetch網絡請求工具類封裝

學習fetch請求工具類請點擊

想直接運行Demo查看效果請點擊

IconFont使用及如何自定義本身的font庫

學習IconFont以及如何自定義font庫請點擊

想直接運行Demo查看效果請點擊

查看官方IconFont使用指南請點擊

螞蟻金服組件庫ant-D如何接入使用

學習如何接入使用ant-D組件庫請點擊

想直接運行Demo查看效果請點擊

查看ant-D官方組件使用指南請點擊

iOS\Android平臺樣式錯亂如何優雅的解決

學習如何優雅的解決雙平臺樣式錯亂問題請點擊

想直接運行Demo查看效果請點擊

如何自定義基類Component及導航欄

學習自定義基類Component及導航欄請點擊

想直接運行Demo查看效果請點擊

表單提交的數據如何更優雅的自動校驗

學習表單如何自動校驗請點擊

想直接運行Demo查看效果請點擊

仿網易音樂播放器如何設計的與封裝

學習網易音樂播放器如何實現請點擊

想直接運行Demo查看效果請點擊

仿愛奇藝視頻播放器如何設計的與封裝

學習愛奇藝視頻播放器如何實現請點擊

想直接運行Demo查看效果請點擊

實現微信、QQ分享登陸功能

學習如何實現微信、QQ分享登陸功能請點擊

想直接運行Demo查看效果請點擊

實現顏色漸變的導航欄效果

學習如何實現顏色漸變的導航欄效果請點擊

想直接運行Demo查看效果請點擊

實現高斯模糊效果

學習如何實現高斯模糊效果請點擊

想直接運行Demo查看效果請點擊

React Native 開源項目之OneM詳解

前言

OneM項目地址

目錄

課前準備

項目文件夾層級關係及做用

react-native-router-flux路由框架詳解

Redux框架詳解

fetch網絡請求工具類封裝

IconFont使用及如何自定義本身的font庫

螞蟻金服組件庫ant-D如何接入使用

iOS\Android平臺樣式錯亂如何優雅的解決

如何自定義基類Component及導航欄

表單提交的數據如何更優雅的自動校驗

仿網易音樂播放器如何設計的與封裝

仿愛奇藝視頻播放器如何設計的與封裝

實現微信、QQ分享登陸功能

實現顏色漸變的導航欄效果

實現高斯模糊效果

更多文章

小夥伴們掃下方二維碼加入RN技術交流QQ羣