iT邦幫忙

react-native相關文章
共有 100 則文章
鐵人賽 Software Development DAY 23

技術 不用網路也可以用低代碼平台Mendix! Native Mobile App 頁面怎麼做?

現在多數人手機不離手,使用手機的頻率也比電腦多很多,如果我們沒有辦法做手機專用的應用程式那就遜掉了! 以現在的標準來看,好用的應用程式不只要在電腦上跑得動,在手...

鐵人賽 Modern Web

技術 [Day33] 加入Icon(順便偷渡完結感想)

今日關鍵字:Icon 最後一天希望能給自己的App一個Icon 不過既然Splash Screen已經拿React的Icon來做了 Icon也暫且拿同樣的素材...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 29

技術 [Day29] Build成App

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

鐵人賽 Modern Web DAY 28

技術 [Day28] 方向鎖定

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

鐵人賽 Modern Web DAY 27

技術 [Day27] 設定頁面-2

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

技術 [Day22] 實機測試

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

鐵人賽 Modern Web DAY 21

技術 [Day21] 資料庫設定

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 15

技術 [Day15] 搜尋頁面

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

鐵人賽 Modern Web DAY 14

技術 [Day14] 我的最愛頁面

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 11

技術 [Day11] 圖片載入緩慢

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

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

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