iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 2533 瀏覽

鐵人賽 Modern Web

我不用Expo啦，React Native！系列第 32 篇

技術 [Day32] 提醒功能-6：最後的回馬槍

目前我的App的通知後就會開啟通知的動畫的細節頁面然而今天測試時突然發現兩者只導到首頁就停了首先要先回憶Day23總共有兩種導航方法 A：一次到達目的...

b97201019 ‧ 2020-10-02

1 Like 0 留言 4443 瀏覽

鐵人賽 Modern Web

我不用Expo啦，React Native！系列第 31 篇

技術 [Day31] 初始畫面：原生版

今日關鍵字：Splash Screen 原本有在想都已經做了個模擬的幹嘛還要搞原生的轉念一想，模擬的或許可以改成loading的畫面總之還是來摸摸看吧先來安...

b97201019 ‧ 2020-10-01

0 Like 0 留言 3158 瀏覽

鐵人賽 Modern Web DAY 30

我不用Expo啦，React Native！系列第 30 篇

技術 [Day30] 初始畫面：JS版

今日關鍵字：Splash Screen 初始畫面是點擊App後首先出現的畫面（像是打開推特時那隻鳥會從標誌放大到整個畫面）這個需要原生來處理而今天先試著以別...

b97201019 ‧ 2020-09-30

0 Like 0 留言 3206 瀏覽

鐵人賽 Modern Web DAY 29

我不用Expo啦，React Native！系列第 29 篇

技術 [Day29] Build成App

由於手上沒有iOS手機，所以這裡只build成apk 打包成Apk 首先要用keytool生成一把key在終端機輸入 keytool -genkeypair...

b97201019 ‧ 2020-09-29

0 Like 0 留言 2965 瀏覽

鐵人賽 Modern Web DAY 28

我不用Expo啦，React Native！系列第 28 篇

技術 [Day28] 方向鎖定

今日關鍵字：orientation 意外的跑版事情發生在某個平凡無奇的下午，這一天......（喂言歸正傳，昨天筆者正在東按西按按到模擬器的方向旋轉時破版...

b97201019 ‧ 2020-09-28

0 Like 0 留言 2512 瀏覽

鐵人賽 Modern Web DAY 27

我不用Expo啦，React Native！系列第 27 篇

技術 [Day27] 設定頁面-2

延續昨天的內容由於看起來有點冷清首先比照切換語言的按鈕幫刪除資料加個圖示並且補上素材所有權的聲明 <TouchableOpacity sty...

b97201019 ‧ 2020-09-27

0 Like 0 留言 1197 瀏覽

鐵人賽 Modern Web DAY 26

我不用Expo啦，React Native！系列第 26 篇

技術 [Day26] 設定頁面-1：頁面改造

由於之前只有隨便寫一點按鈕今天來把介面改造一下開始改造前要先來張留念照這時候來google一下頁面來點靈感看一看打算做一個列表式的感覺一欄是一個按鈕切換...

b97201019 ‧ 2020-09-26

0 Like 0 留言 1398 瀏覽

鐵人賽 Modern Web DAY 25

我不用Expo啦，React Native！系列第 25 篇

技術 [Day25] 語言切換-2：store架構調整

今日關鍵字：combineReducers 預想中這個App會有兩個地方需要讀取語言剛打開App時讀取Async Storage裡讀取使用者上次使用的語系...

b97201019 ‧ 2020-09-25

0 Like 0 留言 4072 瀏覽

鐵人賽 Modern Web DAY 24

我不用Expo啦，React Native！系列第 24 篇

技術 [Day24] 語言切換-1：沒有萬能的許願機

今日關鍵字：i18n 雖然有聽過i18n，但一直沒用過想像中用起來大概是： import { translate, ja } from 'i18n' con...

b97201019 ‧ 2020-09-24

0 Like 0 留言 3049 瀏覽

鐵人賽 Modern Web DAY 23

我不用Expo啦，React Native！系列第 23 篇

技術 [Day23] 提醒功能-5：被遺忘的iOS

關鍵字：notification 點擊通知時重新導向未成功延續昨天在Day16~19時有試著做了一個點擊通知後可以跳轉回細節頁面的功能可是在以實機測試時，這...

b97201019 ‧ 2020-09-23

0 Like 0 留言 2176 瀏覽

鐵人賽 Modern Web DAY 22

我不用Expo啦，React Native！系列第 22 篇

技術 [Day22] 實機測試

今日關鍵字：寫了好一陣子，該來在自己的手機上跑跑看了然後再次聲明我只有Android手機關閉模擬機開啟手機的USB Debugging（像這樣，各家的...

b97201019 ‧ 2020-09-22

0 Like 0 留言 2041 瀏覽

鐵人賽 Modern Web DAY 21

我不用Expo啦，React Native！系列第 21 篇

技術 [Day21] 資料庫設定

今日關鍵字：firebase 這次專案使用的資料庫是firebase點擊右上角的前往主控台後開啟新的專案同時需要搭配React Native Firebas...

b97201019 ‧ 2020-09-21

0 Like 0 留言 1956 瀏覽

鐵人賽 Modern Web DAY 20

我不用Expo啦，React Native！系列第 20 篇

技術 [Day20] 客戶(本地)端儲存

今日關鍵字：Async Storage App常常會有需要在自己的手機中儲存的狀況以我的App來說需要記住使用者把那些資料夾到我的最愛中否則每次打開我的最愛都...

b97201019 ‧ 2020-09-20

0 Like 0 留言 2034 瀏覽

鐵人賽 Modern Web DAY 19

我不用Expo啦，React Native！系列第 19 篇

技術 [Day19] 提醒功能-4：計算播放時間

今日關鍵字：date 經過幾天的奮鬥終於把通知的設定完成的差不多了最後要來計算正確的播放時間這裡選用的是moment.js 由於每個禮拜都要通知一次可以預想...

b97201019 ‧ 2020-09-19

0 Like 0 留言 1414 瀏覽

鐵人賽 Modern Web DAY 18

我不用Expo啦，React Native！系列第 18 篇

技術 [Day18] 提醒功能-3：計畫通知

今日關鍵字：notification 計畫通知內容昨天的即時通知是在localNotif編寫通知內容 localNotif(anime: Anime) {...

b97201019 ‧ 2020-09-18

0 Like 0 留言 2094 瀏覽

鐵人賽 Modern Web DAY 17

我不用Expo啦，React Native！系列第 17 篇

技術 [Day17] 提醒功能-2：即時通知

今日關鍵字：notification 即時通知其實就沒有通知的意義了不過即時通知跟計畫通知只差了一點點而且馬上能看到成果可以當成計畫通知的前哨戰由於通知的功...

b97201019 ‧ 2020-09-17

0 Like 0 留言 3748 瀏覽

鐵人賽 Modern Web DAY 16

我不用Expo啦，React Native！系列第 16 篇

技術 [Day16] 提醒功能-1：設定環境

今日關鍵字：notification 當初想要完成的最重要功能就是這個了動畫開播三十分鐘前請通知我一下！首先還是上github尋找看看沒有特別原因我都會選星...

b97201019 ‧ 2020-09-16

0 Like 0 留言 1437 瀏覽

鐵人賽 Modern Web DAY 15

我不用Expo啦，React Native！系列第 15 篇

技術 [Day15] 搜尋頁面

今日關鍵字：還是搜尋頁我的規劃是分成三區輸入關鍵字搜尋點擊種類標籤搜尋顯示搜尋結果今天會來實現這些功能首先由於主架構跟首頁及我的最愛頁面一樣這...

b97201019 ‧ 2020-09-15

0 Like 0 留言 1690 瀏覽

鐵人賽 Modern Web DAY 14

我不用Expo啦，React Native！系列第 14 篇

技術 [Day14] 我的最愛頁面

今日關鍵字：我的最愛頁面呈現的是所有資料中我的最愛這個值為true也就是 isFavorite: true 這裡就能用上filter當然因為是從store...

b97201019 ‧ 2020-09-14

0 Like 0 留言 2591 瀏覽

鐵人賽 Modern Web DAY 13

我不用Expo啦，React Native！系列第 13 篇

技術 [Day13] 在App中瀏覽網頁

關鍵字：Webview 如果是在Web我可能寫了 <a href="url">…</a> 就可以休息了那...在...

b97201019 ‧ 2020-09-13

0 Like 0 留言 2213 瀏覽

鐵人賽 Modern Web DAY 12

我不用Expo啦，React Native！系列第 12 篇

技術 [Day12] 幫喜歡的項目按下愛心

今日關鍵字：redux 當初資料格式裡面有這兩個屬性 isFavorite: boolean isReminding: boolean 對應著是否加...

b97201019 ‧ 2020-09-12

0 Like 0 留言 2928 瀏覽

鐵人賽 Modern Web DAY 11

我不用Expo啦，React Native！系列第 11 篇

技術 [Day11] 圖片載入緩慢

今日關鍵字：Fast 由於首頁有一堆圖片要開（我的圖片是用連結外連的）所以當首頁要全部載入時，只有一個字...卡雖然RN本身也是像瀏覽器一樣有cache機制...

b97201019 ‧ 2020-09-11

0 Like 0 留言 3799 瀏覽

鐵人賽 Modern Web DAY 10

我不用Expo啦，React Native！系列第 10 篇

技術 [Day10] 建立與細節頁面之連結

今日關鍵字：stack navigation 現在想要在首頁上點擊輪播中的其中一個動畫時就跳到其細節頁面該怎麼做呢？這時候又需要Navigation了不過不...

b97201019 ‧ 2020-09-10

1 Like 0 留言 4032 瀏覽

鐵人賽 Modern Web DAY 9

我不用Expo啦，React Native！系列第 9 篇

技術 [Day9] Redux：我是大家的無人機

今日關鍵字：無人...Redux 假如有一天，你在家煮了咖哩不小心煮了太多想分給對面的人如果是以前都是平房時直接走過去就好如果場景變換成現代你住在高樓裡該怎...

b97201019 ‧ 2020-09-09

0 Like 0 留言 4479 瀏覽

鐵人賽 Modern Web DAY 8

我不用Expo啦，React Native！系列第 8 篇

技術 [Day8] 輪播：神奇的上下交錯

今日關鍵字：carousel 接續昨天把資料整理好了今天要把資料呈現在畫面上（不過這裡我想的輪播其實跟一般的輪播不同,沒有要自動播放總之先來找找看）好就第一個...

b97201019 ‧ 2020-09-08

0 Like 0 留言 3269 瀏覽

鐵人賽 Modern Web DAY 7

我不用Expo啦，React Native！系列第 7 篇

技術 [Day7] 訂定資料格式-2

今日關鍵字：interface 建立動畫格式延續昨天的interface首先幫我的動畫資料訂定格式這時如果要設定一個動畫陣列 [Anime1 ,Anime...

b97201019 ‧ 2020-09-07

0 Like 0 留言 5687 瀏覽

鐵人賽 Modern Web DAY 6

我不用Expo啦，React Native！系列第 6 篇

技術 [Day6] 訂定資料格式-TypeScript：型別判斷

今日關鍵字：TypeScript 接續昨天icon尚未設定完成先自定一個對應各個畫面的陣列 const routes = [ { name: 'H...

b97201019 ‧ 2020-09-06

0 Like 0 留言 6674 瀏覽

鐵人賽 Modern Web DAY 5

我不用Expo啦，React Native！系列第 5 篇

技術 [Day5] 在導覽列加入圖示

今日關鍵字：vector icon 接續昨天參考Tab navigation的Customizing the appearance import Ionico...

b97201019 ‧ 2020-09-05

0 Like 0 留言 11804 瀏覽

鐵人賽 Modern Web DAY 4

我不用Expo啦，React Native！系列第 4 篇

技術 [Day4] 加入導覽列-Android：你再冷落我試試看啊？

今日關鍵字：Navigation 首先先看到最外層的App.tsx這支檔案 import React from 'react'; import { Saf...

b97201019 ‧ 2020-09-04

0 Like 2 留言 14653 瀏覽

鐵人賽 Modern Web DAY 3

我不用Expo啦，React Native！系列第 3 篇

技術 [Day3] 創建專案的時間到啦

這個專案決定給自己高一點的標準，使用TypeScript+Eslint的Airbnb規範 TypeScript是什麼 TypeScript是將JavaScrip...

b97201019 ‧ 2020-09-03