程式碼再利用 - 編輯和建立 重複使用 Employee Form 修改 src/components/ListItem.js，點擊 row 就會導向新增的頁面 123456789101112131415161718192021222324import { Text, TouchableWithoutFeedback, View } from 'react-n
使用 Firebase 當作資料儲藏庫 Firebase JSON 架構 Firebase 的資料庫會有 Users 的 Collection，然後個別的 User 會有自己的 Employees 的 Collection 在 Authentication 的使用者並不會自己新增到資料庫，需要自己手動新增，它們是兩個分離的系統 Firebase 的資料安全 預設中，只要用戶登入之後，就可
讓使用者到處導航 處理導航列 安裝套件 npm i --save react-native-router-flux Router 裡面的導覽列 新增 src/Router.js 123456789101112131415import React from 'react';import { Scene, Router } from 're
還沒完成 下一個 App 的概覽 這個篇章要講 Navigation，開啟一個新專案 react-native init manager 這個 App 的挑戰 需要使用在登入畫面使用 Redux-ify Header 的內容需要隨著螢幕去改變 每一個使用者都應該要有自己的內容 需要能夠打入文字 需要全螢幕的 overlay 再稍微做一下設定 安裝 react-redux 和 redu
深入了解 Redux Redux 的基礎 建立新專案 react-native init tech_stack JSPlaygrounds Reducer：一個可以回傳一些資料的 function Action：一個告訴 reducer 如何改變它的資料的物件 State：給 app 使用的資料 更多 Redux 簡易 Redux 範例 123456789101112131415161
處理 Authentication Credentials 讓 User 登入 在送出 button 地方，要取得值之後，做 callback function 在送出的 button 加上 onPress 來取得值 <Button onPress={this.onButtonPress.bind(this)}> 在 LoginForm.js 引入 fireb
使用 Firebase 進行認證 前置作業 新增新的專案 react-native init auth 新增 src/app.js 1234567891011121314import React, { Component } from 'react';import { View, Text } from 'react-n
處理 Component 的排版 Flexbox 排版 justifyContent: ‘space-between’：上下頂到邊，平均分配空間排列 justifyContent: ‘space-around’：上下不頂到邊，平均分配空間排列 flexDirection：‘row’, ‘column’：決定方向 修改版面 修改 AlbumDetail.js，在 react-native
React Native 上的 HTTP 請求 新增檔案 /src/components/AlbumList.js 123456789101112import React from 'react';import { View, Text } from 'react-native';const AlbumList = () =>