iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 8594 瀏覽

徵才【巴克斯國際有限公司】誠徵 react native 開發app程式人員

新成立公司招募APP開發工程師: 1.2年以上開發APP經驗, 可獨立作業 (ios+android)2.API資料串接經驗, 串接第三方金流經驗3.熟以下技術...

liang_jack63 ‧ 2019-02-14

1 Like 0 留言 8580 瀏覽

鐵人賽 Modern Web DAY 25

React Native 航向真全端，建構雙平台 App 系列第 25 篇

技術 React Native App 實戰 (八) 記錄設定檔

今天要來簡單教一個之前基礎教學漏掉的 AsyncStorage 簡單的來說就是瀏覽器當中的 localStorage 他能把 key 記錄下來，下次讀取出來使用...

Fuyaode ‧ 2017-01-09

0 Like 0 留言 8558 瀏覽

鐵人賽 Modern Web DAY 18

React Native 航向真全端，建構雙平台 App 系列第 18 篇

技術 React Native App 實戰 (一) 初始專案

OK 鐵人賽已經過半了，我也已經把 React Native 常用的基礎元件和排版方法教完了，接下來就是要實戰了，我們的標題可是 React Native 航向...

Fuyaode ‧ 2017-01-02

2 Like 0 留言 8536 瀏覽

鐵人賽 Modern Web DAY 8

使用 Modern Web 技術來打造 Native App 系列第 8 篇

技術 Day 08：常見的 React Native Component - Part I

本篇目的俗話說「工欲善其事，必先利其器」，React Native 是強大的武器，而熟悉它則是磨亮這個武器。就像學習 HTML 時，必先從基本的 HTML T...

C. T. Lin ‧ 2016-12-23

1 Like 2 留言 8148 瀏覽

鐵人賽 Modern Web DAY 3

Expo --- 跨平台 App 開發從零到上架系列第 3 篇

技術 Expo DAY3 --- Installation

Expo DAY3 --- Installation tags: iThome鐵人賽2018 ReactNative Expo day3 前言經過了簡單的分...

iamcxa ‧ 2017-12-07

1 Like 0 留言 8050 瀏覽

鐵人賽 Modern Web DAY 17

React Native 航向真全端，建構雙平台 App 系列第 17 篇

技術 React Native Navigator 進階版使用 react-native-router-flux

react-native-router-flux 是一款別人開源專門切換 router 的 Component，他是在 React Native Navigat...

Fuyaode ‧ 2017-01-01

0 Like 0 留言 7917 瀏覽

鐵人賽 Modern Web DAY 4

Expo --- 跨平台 App 開發從零到上架系列第 4 篇

技術 Expo DAY4 --- Hello Expo!

Expo DAY4 --- Hello Expo! tags: iThome鐵人賽2018 ReactNative Expo day4 前言本篇的首要目標是...

iamcxa ‧ 2017-12-08

1 Like 0 留言 7752 瀏覽

鐵人賽 Modern Web DAY 5

React Native 航向真全端，建構雙平台 App 系列第 5 篇

技術 React Native StyleSheet - App 的面子

寫 App 最有趣的地方除了功能好用外，我想最有成就感的地方就是把 App 打扮的漂漂亮亮的，然後去跟別人炫耀對吧，今天就來教怎麼定義屬於自己的樣式，總不能大家...

Fuyaode ‧ 2016-12-20

2 Like 0 留言 7276 瀏覽

鐵人賽 Modern Web DAY 7

使用 Modern Web 技術來打造 Native App 系列第 7 篇

技術 Day 07：Style & Layout

本篇目的了解 CSS in JS 的起源、現況，還有其在 React Native 中的用法，順便學習一下 Flexbox。 CSS in JS Facebo...

C. T. Lin ‧ 2016-12-22

1 Like 0 留言 7264 瀏覽

鐵人賽 Modern Web DAY 7

React Native 航向真全端，建構雙平台 App 系列第 7 篇

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

本來預計今天要深入的介紹 React Native FlexBox 的，但是想想沒有其他元件做搭配排版，這樣顯得單調許多，所以接下來我會再多介紹一些元件。今天我...

Fuyaode ‧ 2016-12-22

2 Like 0 留言 7035 瀏覽

鐵人賽 Modern Web DAY 9

使用 Modern Web 技術來打造 Native App 系列第 9 篇

技術 Day 09：常見的 React Native Component - Part II

本篇目的使用者主要是透過 Touch 來跟 Mobile App 互動，跟網頁中的 Click 不太一樣。而它又可以結合各種的手勢，長按一個按鈕、滾動 Lis...

C. T. Lin ‧ 2016-12-24

0 Like 0 留言 6954 瀏覽

鐵人賽 Modern Web DAY 13

React Native 航向真全端，建構雙平台 App 系列第 13 篇

技術 React Native 跨平台設計(一) 使用 .ios .android

React Native 號稱可以寫兩個平台，確實他真的可以一次寫兩個平台，而且效能還不錯，但是官網也有說，只號稱 85% 的程式碼能重複使用，那剩下的 15...

Fuyaode ‧ 2016-12-28

0 Like 0 留言 6539 瀏覽

鐵人賽 Modern Web DAY 19

React Native 航向真全端，建構雙平台 App 系列第 19 篇

技術 React Native App 實戰 (二) 87% 像 Spotify 登入頁面

昨天有把 boilerplate 架起來了，那我們今天就來刻第一個畫面，我們的目標是要刻一個 EC 的 App 所以當然少不了登入頁面，今天我們就拿 Spoti...

Fuyaode ‧ 2017-01-03

1 Like 0 留言 6452 瀏覽

鐵人賽 Modern Web DAY 10

React Native 航向真全端，建構雙平台 App 系列第 10 篇

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

ListView 是最適合用來顯示重複數據的一種元件，ListView 他不會一次把所有數據顯示出來，而是有在螢幕上的資料他才會顯示出來，所以在效能上會比較好。...

Fuyaode ‧ 2016-12-25

1 Like 0 留言 6421 瀏覽

鐵人賽 Modern Web DAY 25

使用 Modern Web 技術來打造 Native App 系列第 25 篇

技術 Day 25：實作 Navigation 與 Drawer

前言前一篇在 App 上呈現 Github User 頁面，必須使用 GraphQL Query，這篇想要來嘗試實作一個使用 GraphQL Mutation...

C. T. Lin ‧ 2017-01-09

1 Like 0 留言 6323 瀏覽

鐵人賽 Modern Web DAY 15

React Native 航向真全端，建構雙平台 App 系列第 15 篇

技術 React Native 如何使用人家寫好的元件

身為一個小小工程師，最好的朋友莫過於 Google、Stack Overflow、最重要的就是 Github 了，Github 上有滿滿的開源套件，也不乏 Re...

Fuyaode ‧ 2016-12-30

1 Like 0 留言 6121 瀏覽

鐵人賽 Modern Web DAY 11

React Native 航向真全端，建構雙平台 App 系列第 11 篇

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

常用的 React Native 的基礎元件基本上都快介紹完了呢，TextInput 是能讓使用者輸入文字的元件，輸入進 App 後，我們會需要把輸入的字串存起...

Fuyaode ‧ 2016-12-26

0 Like 0 留言 5917 瀏覽

鐵人賽 Modern Web DAY 14

使用 Modern Web 技術來打造 Native App 系列第 14 篇

技術 Day 14：編輯的藝術 - TextInput 與 Keyboard

前言手機不是很好打字，如果可以用更簡單的方式搞定就應該盡量避免打字，但很多時候還是必須要讓使用者輸入，例如：回留言、寫筆記、填表單、搜尋，等等，因此還是必須熟...

C. T. Lin ‧ 2016-12-29

0 Like 0 留言 5905 瀏覽

鐵人賽 Modern Web DAY 5

我不用Expo啦，React Native！系列第 5 篇

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

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

b97201019 ‧ 2020-09-05

0 Like 0 留言 5562 瀏覽

鐵人賽 Modern Web DAY 2

Expo --- 跨平台 App 開發從零到上架系列第 2 篇

技術 Expo DAY2 --- Pros v.s Cons

Expo DAY2 --- Pros v.s Cons tags: iThome鐵人賽2018 ReactNative Expo day2 前言現在就做看看...

iamcxa ‧ 2017-12-06

1 Like 0 留言 5465 瀏覽

鐵人賽 Modern Web DAY 17

使用 Modern Web 技術來打造 Native App 系列第 17 篇

技術 Day 17：活用第三方的 React Native Module

前言在使用 React Native 的此時此刻，我們就已經站在巨人的肩膀上了。不過有時候官方並不一定有提供所有需要的功能，基於我們不該有勇無謀的重造輪子，這...

C. T. Lin ‧ 2017-01-01

1 Like 0 留言 5181 瀏覽

鐵人賽 Modern Web DAY 4

使用 Modern Web 技術來打造 Native App 系列第 4 篇

技術 Day 04：Learn Once, Write Anywhere 平台的狂想

本篇目的想知道離開了網頁的框架外，我們還能用 React 做到些什麼。 Learn Once, Write Anywhere React Native 先踏出...

C. T. Lin ‧ 2016-12-19

0 Like 0 留言 5127 瀏覽

鐵人賽 Modern Web DAY 6

我不用Expo啦，React Native！系列第 6 篇

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

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

b97201019 ‧ 2020-09-06

0 Like 0 留言 5117 瀏覽

鐵人賽 Modern Web DAY 6

Expo --- 跨平台 App 開發從零到上架系列第 6 篇

技術 Expo DAY6 --- Debugging

Expo DAY6 --- Debugging tags: iThome鐵人賽2018 ReactNative Expo day6 Debugging 前言...

iamcxa ‧ 2017-12-10

0 Like 0 留言 5088 瀏覽

鐵人賽 Modern Web DAY 15

使用 Modern Web 技術來打造 Native App 系列第 15 篇

技術 Day 15：Networking 直接就上手

前言透過網路的連結來發送請求、同步資料不只是網頁前端需要，對行動應用程式來說也是不可或缺。從這邊就可以看出 React Native 的巧思與精神，如何讓學習...

C. T. Lin ‧ 2016-12-30

0 Like 0 留言 4994 瀏覽

鐵人賽 Modern Web DAY 5

Expo --- 跨平台 App 開發從零到上架系列第 5 篇

技術 Expo DAY5 --- Writing Comments, Open Project & Snack

Expo DAY5 --- Writing Comments, Open Project & Snack tags: day5 iThome鐵人賽201...

iamcxa ‧ 2017-12-09

0 Like 0 留言 4965 瀏覽

鐵人賽 Modern Web DAY 20

React Native 航向真全端，建構雙平台 App 系列第 20 篇

技術 React Native App 實戰 (三) 首頁 - 廣告 Banner

通常一款電商 App 開起來，最上方會有一個 Banner 輪播漂漂亮亮的圖片來吸引使用者，今天我們就來實作和設計一款簡單好用的 Banner 吧，當然輪播的...

Fuyaode ‧ 2017-01-04

0 Like 0 留言 4757 瀏覽

鐵人賽 Modern Web DAY 24

React Native 航向真全端，建構雙平台 App 系列第 24 篇

技術 React Native App 實戰 (七) 第一次開啟 APP 介紹頁面

這幾天的實戰當中已經把一些簡單的 App 完成了，完成後當然是要來修飾摟，很多 App 在第一次開啟的時候都會有介紹的頁面，來跟使用者說明這個 App 怎麼使用...

Fuyaode ‧ 2017-01-08

0 Like 0 留言 4706 瀏覽

鐵人賽 Mobile Development DAY 13

卡卡30天學 React Native 系列第 13 篇

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

Navigation 的用處？在一個 App 中一定會有很多頁面，Navigation 提供簡單易用的跨平台導覽，不論在 iOS 和 Android 都可以進...

熟女卡卡 ‧ 2021-09-28 ‧團隊一隻狗狗發大財

1 Like 0 留言 4625 瀏覽

鐵人賽 Modern Web DAY 11

使用 Modern Web 技術來打造 Native App 系列第 11 篇

技術 Day 11：IDE (Integrated Development Environment) for React Native

前言雖然有了 React Native 這樣方便的開發工具，但試想如果必須同時開著 Xcode、Android Studio 還有 Atom 這樣好像很辛苦，...

C. T. Lin ‧ 2016-12-26

徵才 【巴克斯國際有限公司】誠徵 react native 開發app程式人員

技術 React Native App 實戰 (八) 記錄設定檔

技術 React Native App 實戰 (一) 初始專案

技術 Day 08：常見的 React Native Component - Part I

技術 Expo DAY3 --- Installation

技術 React Native Navigator 進階版 使用 react-native-router-flux

技術 Expo DAY4 --- Hello Expo!

技術 React Native StyleSheet - App 的面子

技術 Day 07：Style & Layout

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

技術 Day 09：常見的 React Native Component - Part II

技術 React Native 跨平台設計(一) 使用 .ios .android

技術 React Native App 實戰 (二) 87% 像 Spotify 登入頁面

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

技術 Day 25：實作 Navigation 與 Drawer

技術 React Native 如何使用人家寫好的元件

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

技術 Day 14：編輯的藝術 - TextInput 與 Keyboard

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

技術 Expo DAY2 --- Pros v.s Cons

技術 Day 17：活用第三方的 React Native Module

技術 Day 04：Learn Once, Write Anywhere 平台的狂想

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

技術 Expo DAY6 --- Debugging

技術 Day 15：Networking 直接就上手

技術 Expo DAY5 --- Writing Comments, Open Project & Snack

技術 React Native App 實戰 (三) 首頁 - 廣告 Banner

技術 React Native App 實戰 (七) 第一次開啟 APP 介紹頁面

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

技術 Day 11：IDE (Integrated Development Environment) for React Native

標記使用者

徵才【巴克斯國際有限公司】誠徵 react native 開發app程式人員

技術 React Native Navigator 進階版使用 react-native-router-flux