iT邦幫忙

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

達標好文 技術 [Day1] React Native是什麼?

自我介紹一下 首先來介紹一下參賽動機,小弟公務員做了三四年後覺得工作沒什麼樂趣,自己又突然想來學一下App,於是辭職後開始尋找相關資訊,開頭遇上了不少狀況 要...

鐵人賽 Modern Web DAY 27

技術 React Native App 實戰 (十) Android 打包 apk

基本上我們已經把一個 App 寫完摟,那最後就是要把他打包才能上架,那 React Native 怎麼打包呢? 需要一把 key 我們可以用 keytool 生...

鐵人賽 Modern Web DAY 28

技術 Day 28:最後一哩路 Part I - iOS 上架

前言 如果使用者不能在 App Store 下載的到,那花了不少時間的 App 只能在模擬器或是少數的測試裝置上用得到,這樣非常可惜。不過上架實在不是簡單的事,...

鐵人賽 Modern Web DAY 29

技術 Day 29:最後一哩路 Part II - Android 上架

前言 被 iOS 上架整個人弄到快瘋掉後,聽說 Android 上架比較簡單,筆者姑且是相信了,網路上很多的教學看起來確實如此。而且有一些麻煩的部分在前一篇已經...

鐵人賽 Modern Web DAY 1

技術 Expo DAY1 --- Introduction

Expo DAY1 --- Introduction tags: iThome鐵人賽2018 ReactNative Expo day1 前言 本系列文章都會...

鐵人賽 Modern Web DAY 30

達標好文 技術 React Native 好用套件分享

鐵人賽最後一天了,如果各位有成功入坑的話,想必已經躍躍欲試了吧? 俗話說工欲善其事,必先利其器,雖然很多漂亮的元件官方沒有給,但是網路上有很多開源的,這邊我就介...

鐵人賽 Modern Web DAY 27

技術 Day 27:React Native 除錯

前言 前一篇寫單元測試的目的之一就是讓除錯變得容易一點,但實際在除錯的時候還是得掌握一些可以使用的工具,尤其是對寫 Web 習慣的開發者來說,一開始的時候看不到...

技術 React Native與Android交互

React Native與Android交互 author: ImL1s email: iml1s@outlook.com github: clickme...

技術 React Native-如何在專案中使用微軟的CodePush熱更新套件

React Native CodePush集成 author: ImL1s email: ImL1s@outlook.com github: 專案 參考 簡...

鐵人賽 Modern Web DAY 30

技術 Day 30:寫在最後

前言 最後一篇來提到一些上架以後還要持續進行的維護,例如:盡量保持著 React Native 的更新,不至於落後太多。 升級 React Native Rea...

鐵人賽 Modern Web DAY 2

技術 [Day2] React Native入門可以不用Expo嗎?

Expo是什麼? 雖然系列名字有個Expo,但Expo大概只會出現在這一篇吧 Expo算是React Native中的框架(?),能使網頁開發人員不需接觸原生的...

鐵人賽 Modern Web DAY 28

技術 React Native App 遠端更新程式 Code Push (一)

React Native 他有個特殊的功能,可以 Hot Deploy ,意思就是說可以上架完 App 後在更新程式碼,昨天有介紹到,打包 Apk 的時候需要先...

鐵人賽 Modern Web DAY 29

技術 React Native App 遠端更新程式 Code Push (二)

我們在 Code Push (一),已經把 Code Push 安裝好並註冊了,那樣怎麼使用呢?這邊介紹幾個 Code Push 提供的基本功能 check...

鐵人賽 Modern Web DAY 9

技術 React Native 基礎元件 <Button>、<TouchableOpacity> 簡介

Button 在 React Native 其實算是特殊的,0.38 版以前的 React Native 並沒有 Button 這個元件的,都要用 &lt;To...

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 26

技術 React Native App 實戰 (九) 幫 App 換上 Icon

App 除了開起來要漂亮,當然門面也很重要,今天要來教大家怎麼把 React Native 的 App 換上自己的 icon 吧,其實這邊也不是 React N...

鐵人賽 Modern Web DAY 16

技術 React Native Navigator 學會切換頁面 (一)

在一個 App 內不可能只有一個頁面,一定會使用到換頁的動作,所以這個時候我們要使用一個元件叫做 Navigator他能幫我們切換到下一個頁面。 Navigat...

鐵人賽 Modern Web DAY 5

技術 Day 05:準備 React Native 開發環境

本篇目的 React Native 有非常優秀的 Getting Started 文件,有寫明了要如何安裝特定平台的環境。而這篇會著重在提供簡短且圖文並茂的介紹...

鐵人賽 Modern Web DAY 8

技術 React Native 基礎元件 <Image> 簡介

一款 App 裡面沒有圖片就太單調了,所以今天來介紹 React Native 元件裡面如何顯示圖片吧 Image 跟其他元件一樣可以直接使用 import {...

徵才 【徵3個月短期技術人員】React Native開發人員

誠徵短期React Native開發人員(ios、Android) 說明:支援以開發中的APP 期望時間:ASAP 地點:台北市民生社區(希望白天可以on s...

徵才 【毛小愛】徵軟體工程師!最有潛力的寵物科技新創!

隨著亞洲地區的共享產業崛起,毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊,也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...

鐵人賽 Modern Web DAY 16

技術 Day 16:在 React Native 中運用 Storage

前言 一般情況下,我們建構服務時應該會想把資料儲存在後端的資料庫裡面,不管是 RDBMS 或是各種的 NoSQL,掌握資料的好處不必多說,要建立更有用的功能或是...

徵才 【毛小愛】徵資深軟體工程師!最有潛力的寵物科技新創!

隨著亞洲地區的共享產業崛起,毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊,也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 12

技術 React Natvie FlexBox 的排版

哇!好不容易打基礎元件介紹完了,接戲來就來介紹 React Native 的排版吧,如果有在關注該系列的朋友,一定有發現我都用了一個 styles.center...

鐵人賽 Modern Web DAY 26

技術 Day 26:在 React Native 進行單元測試

前言 測試的種類有許多種,包括單元測試、整合測試。一般會先從單元測試做起,打好根基,也能加強效率高的小範圍的除錯。 在 React Native 中,有很多的理...

技術 [轉載][React Native] Airbnb: 我們一起寫過的 React Native

之前 Airbnb 宣佈停止使用 React Native,也佛心公佈了一系列技術文章解析停用 RN 的原因和當中學到的寶貴經驗,各位大大都記憶猶新吧~不過要啃...

鐵人賽 Modern Web DAY 23

技術 Day 23:實作 OAuth 來使用 Github GraphQL API

前言 前面已經進行了一連串 React Native 跟 GraphQL 的主題教學了,有仔細看下來的讀者應該都對這兩種技術有了一定的瞭解。這系列接下來的部分會...

鐵人賽 Modern Web DAY 6

技術 Day 06:React Native 入門

本篇目的 在上一篇完成環境設定並開好專案後,我們來了解一個新專案的目錄架構、進入點,以及我們能怎麼開始修改程式碼來看到變化。 目錄結構 依照上一篇做完 reac...

鐵人賽 Modern Web DAY 1

技術 Day 01:使用 Modern Web 技術來打造 Native App

前言 React Native 是由 Facebook 所開發的行動應用程式開發框架,雖然也是使用 JSX、CSS in JS 等 Web 技術來開發,但開發的...