iT邦幫忙

react-native相關文章
共有 308 則文章
鐵人賽 Mobile Development DAY 30
卡卡30天學 React Native 系列 第 30

技術 [ 卡卡 DAY 30 ] - React Native codepush iOS 熱更新

第一次認識 React Native 就是因為熱更新所以怎麼可以不介紹大家一下呢~AppCenter 熱更新(codepush) 你聽過嗎? 熱更新是什麼?...

鐵人賽 Modern Web DAY 28

技術 [Day28] 方向鎖定

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

鐵人賽 Modern Web DAY 23

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

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

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

技術 [ 卡卡 DAY 29 ] - React Native iOS 打包步驟及離線 jsbundle產生

因為實在有太多東西想分享了,但已經 29 天了我們先來個 iOS 打包步驟完成開發後再來就是要如何打包及送審發佈今天來嘗試分享這部分吧! 打包前情提要 基本...

鐵人賽 Modern Web DAY 22

技術 React Native App 實戰 (五) 首頁 - 實戰 ListView

前兩天的實戰(三)、(四)已經把首頁完成一半了,但是目前首頁的部分還是使用 View 來簡單顯示我們做的 Component,今天要使用 ListView 串接...

鐵人賽 自我挑戰組 DAY 28
React Native 奇幻之旅 系列 第 28

技術 【DAY28】打包 Android APP 發布到 Play Store 測試與上架

本篇會分享從生成 APK/AAB、設置應用、測試應用到上架 Play Store 的過程。 Android 要求所有應用都必須使用憑證進行數位簽署,才能安裝到...

鐵人賽 Modern Web DAY 7

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

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

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

技術 [ 卡卡 DAY 14 ] - React Native 頁面導覽 Navigation (中)

昨天的文章中已將 navigation 安裝完成今天就要開始當導覽王了!一起來轉頁吧吧吧~ 事先準備 先建立一個頁面來當跳轉的頁面 .src...

鐵人賽 Mobile Development DAY 6

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

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

鐵人賽 Modern Web

技術 Day 32 打包- android

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

鐵人賽 Modern Web DAY 13

技術 Day 13:Navigation Part II:新的 API - NavigationExperimental

前言 Product Pain 是 React Native 聆聽社群聲音的重要平台,而在上面 Navigator 是個知名的「Pain」,也催生了 Navig...

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

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

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

鐵人賽 Mobile Development DAY 7

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

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

鐵人賽 Modern Web DAY 27

技術 [Day27] 設定頁面-2

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

鐵人賽 Modern Web DAY 11

技術 [Day11] 圖片載入緩慢

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

鐵人賽 Mobile Development DAY 4

技術 DAY 4 接手 React Native CLI 專案應該知道的事 - React Native 版本 (更新至 0.74)

留意專案目前使用的 React Native 版本 React Native 版本很重要,根據 React Native 的版本號不同,所支援的功能、環境、套件...

鐵人賽 Mobile Development DAY 12
React Native CLI 開發心法 系列 第 12

技術 DAY 12 React Native Android 打包 - APK & AAB

當我們的 React Native 開發到一個進度後,通常會將開發的這包程式碼打包成 Andorid 裝置可以安裝的 AAB 和 APK 檔案。那 AAB 是什...

鐵人賽 Modern Web DAY 8

技術 Expo DAY8 --- Touchable, Icons & Speech

Expo DAY8 --- Touchable, Icons & Speech tags: day5 iThome鐵人賽2018 ReactNative...

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 9

技術 Expo DAY9 --- Audio & Video

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

鐵人賽 Modern Web

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 13

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

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

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

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

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

鐵人賽 Modern Web DAY 28

技術 Day 28 / Other -- Android Structure

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Software Development DAY 23

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

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

鐵人賽 Mobile Development DAY 20

技術 Day 20 - React Native Picker Select手機版下拉選單製作

本篇要來介紹日期時間選擇器第三方元件React Native Picker Select下稱RNPickerSelect 原先React Native也是有Pi...

鐵人賽 Modern Web DAY 19

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

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