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

0 Like 0 留言 15468 瀏覽

活動查核的領航員!快報名_個人資料保護法遵科技-個資檔案管理電腦稽核實例演練

史上裁罰最嚴資料保護令GDPR來襲!你還在用傳統的方式進行查核嗎？？那就落伍了!!!還不快報名參加ICAEA國際電腦稽核教育協會舉辦的國際認證課程!!!一起成為...

jacksoft ‧ 2019-03-03

2 Like 0 留言 22782 瀏覽

鐵人賽 Modern Web DAY 30

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

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

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

Fuyaode ‧ 2017-01-14

0 Like 0 留言 16499 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 React Native App 遠端更新程式 Code Push （二）

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

Fuyaode ‧ 2017-01-13

0 Like 0 留言 17118 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 React Native App 遠端更新程式 Code Push （一）

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

Fuyaode ‧ 2017-01-12

1 Like 0 留言 28891 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

Fuyaode ‧ 2017-01-11

0 Like 0 留言 13959 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

Fuyaode ‧ 2017-01-10

1 Like 0 留言 8573 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

Fuyaode ‧ 2017-01-09

0 Like 0 留言 4747 瀏覽

鐵人賽 Modern Web DAY 24

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

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

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

Fuyaode ‧ 2017-01-08

0 Like 0 留言 3357 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 React Native App 實戰 (六) PostDetail - 商品頁面

昨天我們已經把 Home 完成並且點了下面的商品會進入 PostDetail，PostDetail 目前還是使用之前簡單的 Card 擋一下，今天要把他刻漂亮一...

Fuyaode ‧ 2017-01-07

0 Like 0 留言 3443 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

Fuyaode ‧ 2017-01-06

0 Like 0 留言 4026 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 React Native App 實戰 (四) 首頁 - 卡片元件

今天我們要來刻一個簡單的卡片 UI，可以簡單的搭配 ScrollView 或是 ListView 就能完成漂亮的首頁了，主要還是用到了 FlexBox 來排版可...

Fuyaode ‧ 2017-01-05

0 Like 0 留言 4952 瀏覽

鐵人賽 Modern Web DAY 20

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

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

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

Fuyaode ‧ 2017-01-04

0 Like 0 留言 6524 瀏覽

鐵人賽 Modern Web DAY 19

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

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

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

Fuyaode ‧ 2017-01-03

0 Like 0 留言 8549 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

Fuyaode ‧ 2017-01-02

1 Like 0 留言 8036 瀏覽

鐵人賽 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 留言 13551 瀏覽

鐵人賽 Modern Web DAY 16

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

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

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

Fuyaode ‧ 2016-12-31

1 Like 0 留言 6314 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

Fuyaode ‧ 2016-12-30

0 Like 0 留言 4060 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 React Native 跨平台設計(二) 方便的 Platform

上次有介紹到，我們可以用 .ios .android 的檔案名稱後輟來分辨我們是使用 android 還是 ios 的 Component，但是除了這個方法法外...

Fuyaode ‧ 2016-12-29

0 Like 0 留言 6928 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

Fuyaode ‧ 2016-12-28

1 Like 0 留言 11213 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 React Natvie FlexBox 的排版

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

Fuyaode ‧ 2016-12-27

1 Like 0 留言 6109 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

Fuyaode ‧ 2016-12-26

1 Like 0 留言 6433 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

Fuyaode ‧ 2016-12-25

1 Like 0 留言 16317 瀏覽

鐵人賽 Modern Web DAY 9

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

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

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

Fuyaode ‧ 2016-12-24

2 Like 0 留言 12685 瀏覽

鐵人賽 Modern Web DAY 8

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

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

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

Fuyaode ‧ 2016-12-23

1 Like 0 留言 7256 瀏覽

鐵人賽 Modern Web DAY 7

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

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

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

Fuyaode ‧ 2016-12-22

1 Like 0 留言 4016 瀏覽

鐵人賽 Modern Web DAY 6

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

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

View 是 React Native 最常用的元件之一，就像是網頁當中的 div 一樣，是建構 React Native 的基礎，在建構專案和 Style S...

Fuyaode ‧ 2016-12-21

1 Like 0 留言 7739 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 React Native StyleSheet - App 的面子

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

Fuyaode ‧ 2016-12-20

1 Like 1 留言 5898 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 React Native 工欲善其事，必先利其器開發小撇步

再看一本書時一定要先翻翻目錄，才能知道這本書值不值得讀，能學到什麼新東西，在使用新環境開發新東西時是一樣的道理，學會了經典的 Hello World 就要開始知...

Fuyaode ‧ 2016-12-19

2 Like 0 留言 7656 瀏覽

鐵人賽 Modern Web DAY 3

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

技術如何新增一個 React Native 專案

還沒有把 React Native 環境建置起來的朋友，可以參考這篇 React Native 環境建置再繼續閱讀這篇喔新增專案 react-native...

Fuyaode ‧ 2016-12-18

1 Like 0 留言 9005 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 React Native 環境建置

第一篇文章有提到，學 React Native 需要什麼，今天我們就來一一把環境建起來不過因為我的環境是 Mac，Windows 的朋友要注意喔，雖然大致上都是...

Fuyaode ‧ 2016-12-17

活動 查核的領航員!快報名_個人資料保護法遵科技-個資檔案管理電腦稽核實例演練

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