自我介紹一下 首先來介紹一下參賽動機,小弟公務員做了三四年後覺得工作沒什麼樂趣,自己又突然想來學一下App,於是辭職後開始尋找相關資訊,開頭遇上了不少狀況 要...
基本上我們已經把一個 App 寫完摟,那最後就是要把他打包才能上架,那 React Native 怎麼打包呢? 需要一把 key 我們可以用 keytool 生...
前言 如果使用者不能在 App Store 下載的到,那花了不少時間的 App 只能在模擬器或是少數的測試裝置上用得到,這樣非常可惜。不過上架實在不是簡單的事,...
前言 被 iOS 上架整個人弄到快瘋掉後,聽說 Android 上架比較簡單,筆者姑且是相信了,網路上很多的教學看起來確實如此。而且有一些麻煩的部分在前一篇已經...
Expo DAY1 --- Introduction tags: iThome鐵人賽2018 ReactNative Expo day1 前言 本系列文章都會...
鐵人賽最後一天了,如果各位有成功入坑的話,想必已經躍躍欲試了吧? 俗話說工欲善其事,必先利其器,雖然很多漂亮的元件官方沒有給,但是網路上有很多開源的,這邊我就介...
前言 前一篇寫單元測試的目的之一就是讓除錯變得容易一點,但實際在除錯的時候還是得掌握一些可以使用的工具,尤其是對寫 Web 習慣的開發者來說,一開始的時候看不到...
React Native與Android交互 author: ImL1s email: iml1s@outlook.com github: clickme...
React Native CodePush集成 author: ImL1s email: ImL1s@outlook.com github: 專案 參考 簡...
前言 最後一篇來提到一些上架以後還要持續進行的維護,例如:盡量保持著 React Native 的更新,不至於落後太多。 升級 React Native Rea...
React Native 他有個特殊的功能,可以 Hot Deploy ,意思就是說可以上架完 App 後在更新程式碼,昨天有介紹到,打包 Apk 的時候需要先...
我們在 Code Push (一),已經把 Code Push 安裝好並註冊了,那樣怎麼使用呢?這邊介紹幾個 Code Push 提供的基本功能 check...
Button 在 React Native 其實算是特殊的,0.38 版以前的 React Native 並沒有 Button 這個元件的,都要用 <To...
Expo是什麼? 雖然系列名字有個Expo,但Expo大概只會出現在這一篇吧 Expo算是React Native中的框架(?),能使網頁開發人員不需接觸原生的...
App 除了開起來要漂亮,當然門面也很重要,今天要來教大家怎麼把 React Native 的 App 換上自己的 icon 吧,其實這邊也不是 React N...
在一個 App 內不可能只有一個頁面,一定會使用到換頁的動作,所以這個時候我們要使用一個元件叫做 Navigator他能幫我們切換到下一個頁面。 Navigat...
本篇目的 React Native 有非常優秀的 Getting Started 文件,有寫明了要如何安裝特定平台的環境。而這篇會著重在提供簡短且圖文並茂的介紹...
這個專案決定給自己高一點的標準,使用TypeScript+Eslint的Airbnb規範 TypeScript是什麼 TypeScript是將JavaScrip...
一款 App 裡面沒有圖片就太單調了,所以今天來介紹 React Native 元件裡面如何顯示圖片吧 Image 跟其他元件一樣可以直接使用 import {...
隨著亞洲地區的共享產業崛起,毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊,也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...
誠徵短期React Native開發人員(ios、Android) 說明:支援以開發中的APP 期望時間:ASAP 地點:台北市民生社區(希望白天可以on s...
隨著亞洲地區的共享產業崛起,毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊,也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...
前言 一般情況下,我們建構服務時應該會想把資料儲存在後端的資料庫裡面,不管是 RDBMS 或是各種的 NoSQL,掌握資料的好處不必多說,要建立更有用的功能或是...
哇!好不容易打基礎元件介紹完了,接戲來就來介紹 React Native 的排版吧,如果有在關注該系列的朋友,一定有發現我都用了一個 styles.center...
前言 測試的種類有許多種,包括單元測試、整合測試。一般會先從單元測試做起,打好根基,也能加強效率高的小範圍的除錯。 在 React Native 中,有很多的理...
今日關鍵字:Navigation 首先先看到最外層的App.tsx這支檔案 import React from 'react'; import { Saf...
之前 Airbnb 宣佈停止使用 React Native,也佛心公佈了一系列技術文章解析停用 RN 的原因和當中學到的寶貴經驗,各位大大都記憶猶新吧~不過要啃...
前言 前面已經進行了一連串 React Native 跟 GraphQL 的主題教學了,有仔細看下來的讀者應該都對這兩種技術有了一定的瞭解。這系列接下來的部分會...
本篇目的 在上一篇完成環境設定並開好專案後,我們來了解一個新專案的目錄架構、進入點,以及我們能怎麼開始修改程式碼來看到變化。 目錄結構 依照上一篇做完 reac...
前言 React Native 是由 Facebook 所開發的行動應用程式開發框架,雖然也是使用 JSX、CSS in JS 等 Web 技術來開發,但開發的...