Tag: React-Native

0

React Native 快速學習自我挑戰 Day10

程式碼再利用 - 編輯和建立 重複使用 Employee Form 修改 src/components/ListItem.js,點擊 row 就會導向新增的頁面 123456789101112131415161718192021222324import { Text, TouchableWithoutFeedback, View } from 'react-na

0

React Native 快速學習自我挑戰 Day9

使用 Firebase 當作資料儲藏庫 Firebase JSON 架構 Firebase 的資料庫會有 Users 的 Collection,然後個別的 User 會有自己的 Employees 的 Collection 在 Authentication 的使用者並不會自己新增到資料庫,需要自己手動新增,它們是兩個分離的系統 Firebase 的資料安全 預設中,只要用戶登入之後,就可

0

React Native 快速學習自我挑戰 Day8

讓使用者到處導航 處理導航列 安裝套件 npm i --save react-native-router-flux Router 裡面的導覽列 新增 src/Router.js 123456789101112131415import React from 'react';import { Scene, Router } from 'react

0

React Native 快速學習自我挑戰 Day7

還沒完成 下一個 App 的概覽 這個篇章要講 Navigation,開啟一個新專案 react-native init manager 這個 App 的挑戰 需要使用在登入畫面使用 Redux-ify Header 的內容需要隨著螢幕去改變 每一個使用者都應該要有自己的內容 需要能夠打入文字 需要全螢幕的 overlay 再稍微做一下設定 安裝 react-redux 和 redu

0

React Native 快速學習自我挑戰 Day6

深入了解 Redux Redux 的基礎 建立新專案 react-native init tech_stack JSPlaygrounds Reducer:一個可以回傳一些資料的 function Action:一個告訴 reducer 如何改變它的資料的物件 State:給 app 使用的資料 更多 Redux 簡易 Redux 範例 123456789101112131415161

0

React Native 快速學習自我挑戰 Day5

處理 Authentication Credentials 讓 User 登入 在送出 button 地方,要取得值之後,做 callback function 在送出的 button 加上 onPress 來取得值 <Button onPress={this.onButtonPress.bind(this)}> 在 LoginForm.js 引入 firebase import

0

React Native 快速學習自我挑戰 Day3

處理 Component 的排版 Flexbox 排版 justifyContent: ‘space-between’:上下頂到邊,平均分配空間排列 justifyContent: ‘space-around’:上下不頂到邊,平均分配空間排列 flexDirection:‘row’, ‘column’:決定方向 修改版面 修改 AlbumDetail.js,在 react-native