iT邦幫忙

創科資訊相關文章
共有 31 則文章

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

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

鐵人賽 Modern Web DAY 30

技術 React Native 好用套件分享

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 12

技術 React Natvie FlexBox 的排版

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

技術 React Native StyleSheet - App 的面子

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 2

技術 React Native 環境建置

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