Day24:使i用 ForEach、ScrollView 构建 UI

前言

上篇文章讲了加数据进去,
今天来刻 UI。

实作

  • 添加一些 image 进去 asset:
  • 在 app 主页面中将 image 和 text 并排显示:
  • 新增一个 RecipeDetailView file:
    宣告变数 recipe 符合 class Recipe 的数据类型
  • 建构 UI

    用 ForEach 遍历 recipe 中的 ingredients、directions 数组,
    canvas 显示:

    再用一个 VStack 包住所有元素:

<<:  【Day24-序列】时间序列型资料的基本处理——以0050股票价格为例:寻找峰值、移动平均、曲线拟合

>>:  [Q&A] 09 资讯安全相对论

Day 1:开始前的准备

缘起 各位好~我是一个软件工程师,追求每年都要有不一样的进步,今年追求的是把自己的基底在打的更稳,之...

Google无法移除侵权网址127.0.0.1

故事从 127.0.0.1这个网址用於localhost,表示为本机端,也会被用来测试网路状况......

2.4.13 Design System - Loading Indicator

时常为自己排序 这是一个老生常谈的问题了,工作、家庭、财富、人际、健康,什麽对我们来说是最重要的?...

为了转生而点技能-JavaScript,day23(Promise介绍

Promise:适用於非同步的运算上。 本身就是建构函式 console.log(Promise);...

Day27. 虽然今年是2021,但我们要做2048(1)

卖了那麽多天关子的最後实作,今天就要揭晓我们的题目了:不知道大家有没有玩过前些年很火红的一款小游戏呢...