一個基於React Native實現的美食類APP。
iShiWuPai
https://github.com/ljunb/react-native-iShiWuPaiiShiWuPai是基於React Native實現的展示型美食類APP。該分支針對原生新版食物派開發，主要針對Mobx練習（仍未完全遷移，所以存在部分Redux程式碼，如有興趣可前往master分支），不做商業用途。目前已適配iOS和Android兩端。如有問題和改進意見，歡迎提issue一起討論學習。
執行截圖
現有功能點
- 食物百科、食物列表、搜尋、二維碼掃描、逛吃、逛吃詳情、我的和登入等介面的UI搭建
- 引入Mobx，目前食物百科、逛吃分類已使用Mobx管理資料，請求方面分頁載入的思路，是採用reaction函式來監聽page的變化進行處理（是否合適？）
- 二維碼掃描成功新增等待提示
- 基於Mobx實現狀態列顏色管理
- 網路狀態檢測高階元件NetInfoDecorator的初級使用
相關推薦
一個基於React Native實現的美食類APP。
iShiWuPai https://github.com/ljunb/react-native-iShiWuPai iShiWuPai是基於React Native實現的展示型美食類APP。該分支針對原生新版食物派開發，主要針對Mobx練習（仍未完全遷移，所以存在部分R
基於React Native實現的介面載入元件react-native-loadview
react-native-loadview 基於React Native實現的介面載入元件， Installation npm install react-native-loadview --save Import into your project import
開發一個基於React Native的簡易demo--視訊元件+佈局
一、視訊元件 yarn add --save react-native-video react-native link 編碼 import Video from 'react-native-video'; ... <Video r
基於React Native官方元件ScrollView與React-Navigation實現headerTitle與介面的滑動的互動效果react-native-scrollable-contain
react-native-scrollable-container 基於React Native官方元件ScrollView與React-Navigation實現headerTitle與介面的滑動的互動效果 Installation npm install react-nat
一個RNDemo(React Native 0.57.3 + ES6)實現(包含RN與原生相互跳轉和通訊)
一個RNDemo(React Native 0.57.3 + ES6)實現(包含RN與原生相互跳轉和通訊) 原始碼下載地址 RNDemo(RN0.57.3+ES6) iOS原生專案(Objective-C)整合React Native(0.57.3版本)圖文教程–(1)基本環境
React Native 實現基於react-native-tab-navigator庫Tab切換封裝
react-native-tab-navigator是一款Tab切換的庫，細心的讀者可能注意到了對於TabNavigator.Item選項卡部分，程式碼功能上基本上是重複的，對此，我們能不能對這種有相同功能的程式碼進行二次封裝呢？ 程式碼示例 新建專
React Native實現一個自定義模組
概述在 前期介紹React Native 專案結構的時候，我們講解過React的專案組成，其中說過 node_modules 資料夾，這是一個存放 node 模組的地方。我們知道React是用npm來管
基於React Native構建的仿京東客戶端（五）如何實現首頁 分類 發現 購物車 我的 Tab導航頁面
新建4個用紅色方框標識的檔案，如下圖所示：myths-Mac:JdApp myth$ yarn add react-native-tab-navigatorCartPage.js檔案完整的程式碼如下：import React, { Component } from 'reac
基於React-Native的高仿「ONE·一個」
該APP所用到的API均由 「ONE · 一個」提供，本人採取非正常手段獲取。獲取跟共享的行為或許有侵犯權益的嫌疑。請您瞭解相關情況，並保證不侵犯「ONE · 一個」的利益，並遵守開源協議https://github.com/accforgit/ReactNativeO
美食類App原型制作分享-Beanhunter
原型設計 交互設計 界面設計 設計師 Beanhunter是一款咖啡App，它幫助喜歡喝咖啡的用戶找到世界上最好喝的咖啡館。它的配色是溫暖濃烈的，就像咖啡帶給人的感受一樣，香醇，濃厚。和美食類應用一樣，這款App也是需要大量的圖片來布局，從引導頁面到主頁面，都是采用圖片+文字的方式，引導
美食類App原型制作分享-Sooshi
原型設計 交互設計 界面設計 設計師 Sooshi是一款美食類的App，專門介紹各種壽司的制作，這款App最大的亮點在於每個菜單頁面都使用了重力感應，使這款簡單的App變得十分有趣。在壽司制作的詳情介紹裏，還使用了動畫+文字的方式來呈現每一個制作步驟，生動明了，在這個頁面的原型中，采用的
美食類App原型制作分享-Kitchen Stories
原型設計 交互設計 界面設計 設計師 Kitchen Stories 受到數百萬用戶的喜愛,它用美麗的圖片找到美味的食譜，擁有免費的食譜視頻和指導視頻。在這款美食App原型中，圖片如果全部使用占位符來表示，可能展現不出食物誘人的美味，因此，我采用的是數據自動填充功能，將圖片大小、位置設置
React Native之屬性類型檢查機制詳解 PropType 變成 prop-types
word man div color object platform UC 靜態 ESS 屬性確認的作用 使用 React Native 創建的組件是可以復用的，所以我們開發的組件可能會給項目組其他同事使用。但別人可能對這個組件不熟悉，常常會忘記使用某些屬性，或者某些屬性傳
基於React Native封裝的資訊頻道TopBar，常見於新聞客戶端react-native-scrollable-topbar
react-native-scrollable-topbar 基於React Native封裝的資訊頻道TopBar，常見於新聞客戶端，具體實現功能如下： TopBar區域可手動滑動(Underline 聯動) 點選頻道實現內容區切換 根據內容區(this.p
基於React Native官方元件FlatList，增加可定製化“下拉重新整理”、“下拉載入更多”元件API的新列表元件react-native-refresh-loadmore-flatlist
react-native-refresh-loadmore-flatlist 基於React Native官方元件FlatList，增加可定製化“下拉重新整理”、“下拉載入更多”元件API的新列表元件，具體實現功能如下： 自定義下拉重新整理元件API 自定義上拉Lo
基於React Native封裝的表單提交Container，用於替代RN官方元件KeyboardAvoidingView(不相容Android)react-native-keyboardavoidv
react-native-keyboardavoidview 基於React Native封裝的表單提交Container，用於替代RN官方元件KeyboardAvoidingView(不相容Android) Theory 重寫TextInput的onFocus方法，藉助Sc
基於React Native官方元件Image封裝的具備載入生命週期視覺反饋的元件react-native-loading-image
react-native-loading-image 基於React Native官方元件Image封裝的具備載入生命週期視覺反饋的元件,具體實現功能如下： 網路圖片Pending狀態渲染，提供閃爍動畫、loading.gif兩種方式 網路圖片Error狀態渲染
一個簡單的C++實現有理數類的例子
這次本來是老師佈置的一個作業，老師提前把main.cpp給了我們，要求我們在標頭檔案中定義並且實現一個有理數類，使得執行程式後輸出的結果跟他給的一樣。 main.cpp如下： #include <stdio.h> #include "Rational.h" int main() { Ra
教你如何使用Java手寫一個基於數組實現的隊列
裏的 void 可用 class 非阻塞 oid 優先級 pub == 一、概述 隊列，又稱為佇列（queue），是先進先出（FIFO, First-In-First-Out）的線性表。在具體應用中通常用鏈表或者數組來實現。隊列只允許在後端（稱為rear）進行插入操作，在
React Native實現再按一次退出應用程式功能
解決點選兩次手機back鍵退出程式 程式碼及註釋如下： //雙擊返回鍵退出程式