在本次的鐵人賽中,將帶領你走入 React Native 與 Expo 的世界,一起在 30 天內完成兩個跨平台應用專案。這個系列會由淺入深,逐步導向實際的應用程式開發。會透過實際的操作,學習 React Native 與 Expo 的強大功能,並學會如何將它們應用在真正的專案上。
哈囉,大家好,歡迎開始我們 30 天的 React Native 與 Expo 之旅! 今天我們將會從最基本的開始,了解 React Native 與 Expo...
昨天我們介紹了 React Native 和 Expo,並進行了環境設定和模擬器的設定。今天,會簡單介紹我們的第一個專案,一個新手工程師都會練習的 Todo L...
歡迎來到本系列文章的第三天! 希望你已經對我們的第一個專案-Todo List App 有所期待。今天我們要談論的主題是 React Native 元件和樣式設...
大家好!今天的目標是實現一個基本但非常重要的功能,新增一個表單來加入新的待辦事項。 一個表單最基本的會有一個輸入框還有一個按鈕,我們將會示範如何使用 React...
在日益複雜的前端開發環境中,如何有效地組織和管理程式碼,已成為前端工程師不可迴避的課題。今天,我們將深入探討模組化開發的重要性,以及如何運用 React 的 c...
目前已經可以做到怎麼新增待辦事項,不過我們都還沒讓其顯示在畫面上,所以今天要來示範如何在 App 中使用 FlatList。 為什麼選擇 FlatList? 每...
目前我們的 Todo List 已經達到最基本的輸入文字,而且顯示在畫面上。不過還是有很多可以改進的地方,例如什麼都不輸入或者是輸入空字串,按下新增按鈕的話,他...
在前面的文章,我們已經建立了一個基礎的 Todo List,並且對輸入的待辦事項進行了一些優化。今天,我們將進一步擴充其功能,讓使用者能夠勾選已完成的待辦事項。...
目前第一個專案已經超過一半的進度了,不過當我們的清單是空的時候,要怎麼呈現給使用者也是一個設計上的挑戰。所以今天,我們將學習如何使用 Image 來美化這個空白...
在任何 Todo List 的 App 中,除了新增和完成項目之外,刪除待辦事項也是一個非常重要的功能。畢竟隨著時間的推移,有些事項可能已經不再需要或是想要從清...