iT邦幫忙

react-native相關文章
共有 296 則文章
鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Mobile Development DAY 6

技術 [Day06 - UI/UX] 建立 APP Design Guideline

在開始畫設計稿之前,我們要先確認一下我們的字級以及主色以及輔色等等。這邊我套用去年自製的 Design Guideline Template 來定義簡單的設計規...

鐵人賽 Modern Web DAY 9

技術 Expo DAY9 --- Audio & Video

Expo DAY9 --- Audio & Video tags: day9 iThome鐵人賽2018 ReactNative Expo AV Aud...

鐵人賽 Mobile Development DAY 7

技術 [Day07- React Native]建立 React Native 專案

React Native 官網 現在有許多可以建立雙平台的工具,像是 Golang 的 Flutter,還有 Vue.js 的 Vue Native 這些都可以...

鐵人賽 Mobile Development DAY 4
卡卡30天學 React Native 系列 第 4

技術 [ 卡卡 DAY 4 ] - React Native 專案結構

我的資料結構 . ├── App.js // App root component,the start of JS code ├── android/ /...

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 11

技術 [Day11] 圖片載入緩慢

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

鐵人賽 Modern Web DAY 28

技術 [Day28] 方向鎖定

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

鐵人賽 Mobile Development DAY 2
卡卡30天學 React Native 系列 第 2

技術 [ 卡卡 DAY 2 ] - React Native 是什麼? 原理?優點?

起源 於 2015 年 3 月 Facebook 開放了 React Native 的原始碼,讓使用者可以利用 JavaScript 和 React 建立原生...

鐵人賽 Modern Web DAY 28

技術 Day 28 / Other -- Android Structure

Android Structure <好讀版> 前言 提完了 iOS 的架構,接下來就要提 Android 的部分囉。設定 Android 時,相比...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web

技術 Day 32 打包- android

當我們開發階段完成後, 會需要把專案內容彙整成出來上架,或是給其他人測試, 以 android 來說,可匯出 apk 檔 或是 aab 檔, 假如只是想測試 a...

鐵人賽 Mobile Development DAY 5
卡卡30天學 React Native 系列 第 5

技術 [ 卡卡 DAY 5 ] - Style in React Native - inline style vs StyleSheet

在 React Native 提供兩種方式引入樣式 寫 inline style 運用官方提供的 StyleSheet 的 function 建立一個抽象的...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 27

技術 [Day27] 設定頁面-2

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

鐵人賽 Mobile Development DAY 13

技術 [Day13] React Native - 整理資料流,使用 Redux 吧!

Redux 官網 在還沒有加入Redux之前,資料在APP中各個view的傳遞會需要翻山越嶺,經過一個庄再到一庄: 有了 Redux 後,所有的資料就會在最上...

鐵人賽 Mobile Development DAY 23
卡卡30天學 React Native 系列 第 23

技術 [ 卡卡 DAY 23 ] - React Native 表單套件用 Formik + Yup 驗證 (上)

在網路上看到有人推薦 Formik不僅符合 react native 也可以在 react 上使用文件簡單易懂而且一直保有更新就因如此,今天我們來學習如何使用...

鐵人賽 Mobile Development DAY 8
卡卡30天學 React Native 系列 第 8

技術 [ 卡卡 DAY 8 ] - React Native 跨平台裝置判斷

還記得 React Native 可以同時完成 iOS / Android 裝置吧?跨平台裝置如果不同 style 要如何設定?跨平台裝置如果整個頁面都不一樣...

鐵人賽 Modern Web DAY 22

技術 [Day22] 實機測試

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 21

技術 [Day21] 資料庫設定

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

鐵人賽 Modern Web DAY 27

技術 Day 27 / Other -- iOS Structure

iOS Structure <好讀版> ##前言 關於 JS 在 react-native 中的部分,算是都講解完了,接下來這三章,會提到 reac...

鐵人賽 Software Development DAY 23

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

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

鐵人賽 Mobile Development DAY 10
卡卡30天學 React Native 系列 第 10

技術 [ 卡卡 DAY 10 ] - React native 如何讓樣式更簡潔 之 margin, padding 回到 css 寫法

還記得之前有提到在 Day 5 有提到 React Native 的 margin / padding / border ?針對這麼不合理的寫法我們要怎麼讓他...

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

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

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

徵才 [徵才] 創順科技 - Front-end Engineer

Front-end Engineer (Junior/Senior) [50000 ~ 100000 ~ /per month] 依經驗決定薪資 ::熱愛前端工...

鐵人賽 Mobile Development DAY 28
卡卡30天學 React Native 系列 第 28

技術 [ 卡卡 DAY 28 ] - React Native 自製 radio button + textarea

今天天外飛來一筆說需要 RN 表單畫面emergency!!!咦咦咦 啊怎麼只有 TextInputradio button 跟 textarea 怎麼都沒有...