Day24：使i用 ForEach、ScrollView 構建 UI - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 24

0

Mobile Development

麻瓜學習 iOS 開發系列第 24 篇

Day24：使i用 ForEach、ScrollView 構建 UI

13th鐵人賽

2021-10-09 23:51:19

772 瀏覽

分享至

前言

上篇文章講了加數據進去，
今天來刻 UI。

實作

添加一些 image 進去 asset：
在 app 主頁面中將 image 和 text 並排顯示：
新增一個 RecipeDetailView file：
宣告變數 recipe 符合 class Recipe 的數據類型
建構 UI

用 ForEach 遍歷 recipe 中的 ingredients、directions 數組，
canvas 顯示：

再用一個 VStack 包住所有元素：

Day23：傳入 JSON 文件

Day25：NavigationView

系列文

麻瓜學習 iOS 開發共 30 篇

目錄

RSS系列文訂閱系列文

2 人訂閱

完整目錄

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

157 組

團體組數

5 組

累計文章數

666 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙