iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

掌握 React Native 與 Expo:30天雙打,新手也能精通跨平台開發! 系列

在本次的鐵人賽中,將帶領你走入 React Native 與 Expo 的世界,一起在 30 天內完成兩個跨平台應用專案。這個系列會由淺入深,逐步導向實際的應用程式開發。會透過實際的操作,學習 React Native 與 Expo 的強大功能,並學會如何將它們應用在真正的專案上。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文 團隊大船要開囉
DAY 1

Day 1 - 介紹 React Native 和 Expo,與開發環境和模擬器的設定

哈囉,大家好,歡迎開始我們 30 天的 React Native 與 Expo 之旅! 今天我們將會從最基本的開始,了解 React Native 與 Expo...

2023-09-16 ‧ 由 Bucky 分享
DAY 2

Day 2 - 第一個 React Native App 簡介與 Expo 專案設定

昨天我們介紹了 React Native 和 Expo,並進行了環境設定和模擬器的設定。今天,會簡單介紹我們的第一個專案,一個新手工程師都會練習的 Todo L...

2023-09-17 ‧ 由 Bucky 分享
DAY 3

Day 3 - 介紹 React Native 元件以及樣式設定

歡迎來到本系列文章的第三天! 希望你已經對我們的第一個專案-Todo List App 有所期待。今天我們要談論的主題是 React Native 元件和樣式設...

2023-09-18 ‧ 由 Bucky 分享
DAY 4

Day 4 - 新增一個表單來加入新的待辦事項

大家好!今天的目標是實現一個基本但非常重要的功能,新增一個表單來加入新的待辦事項。 一個表單最基本的會有一個輸入框還有一個按鈕,我們將會示範如何使用 React...

2023-09-19 ‧ 由 Bucky 分享
DAY 5

Day 5 - 使用 context 和 useReducer 來管理與傳遞資料狀態

在日益複雜的前端開發環境中,如何有效地組織和管理程式碼,已成為前端工程師不可迴避的課題。今天,我們將深入探討模組化開發的重要性,以及如何運用 React 的 c...

2023-09-20 ‧ 由 Bucky 分享
DAY 6

Day 6 - 使用 React Native 的列表元件展示待辦事項

目前已經可以做到怎麼新增待辦事項,不過我們都還沒讓其顯示在畫面上,所以今天要來示範如何在 App 中使用 FlatList。 為什麼選擇 FlatList? 每...

2023-09-21 ‧ 由 Bucky 分享
DAY 7

Day 7 - 避免使用者輸入空字串

目前我們的 Todo List 已經達到最基本的輸入文字,而且顯示在畫面上。不過還是有很多可以改進的地方,例如什麼都不輸入或者是輸入空字串,按下新增按鈕的話,他...

2023-09-22 ‧ 由 Bucky 分享
DAY 8

Day 8 - 如何使用 Checkbox 讓使用者勾選已完成

在前面的文章,我們已經建立了一個基礎的 Todo List,並且對輸入的待辦事項進行了一些優化。今天,我們將進一步擴充其功能,讓使用者能夠勾選已完成的待辦事項。...

2023-09-23 ‧ 由 Bucky 分享
DAY 9

Day 9 - 使用 Image 表示未新增

目前第一個專案已經超過一半的進度了,不過當我們的清單是空的時候,要怎麼呈現給使用者也是一個設計上的挑戰。所以今天,我們將學習如何使用 Image 來美化這個空白...

2023-09-24 ‧ 由 Bucky 分享
DAY 10

Day 10 - 刪除待辦事項

在任何 Todo List 的 App 中,除了新增和完成項目之外,刪除待辦事項也是一個非常重要的功能。畢竟隨著時間的推移,有些事項可能已經不再需要或是想要從清...

2023-09-25 ‧ 由 Bucky 分享