Day 30 : DetailView

前言

今天要将 RecipeFeaturedView 中的图片变成可点开的，
点开後会显示相应的 DetailView。

实作

• 把图片变成一个 button：
  
  宣告静态属性：

@State var isDetailViewShowing = false

将其带入 sheet modifier 作为参数，
点击这个按钮时会将变数 isDetailViewShowing 变为 true，
这样会显示放置在 sheet 闭包里的 view。
传入 RecipeDetailView 实例：

sheet(isPresented: $isDetailViewShowing ) {
	RecipeDetailView(recipe: model.recipes[index])
	}

• 进入 RecipeFeaturedVIew 将 Preparation Time、Highlights 值修改为动态的
  宣告静态属性 tabSelectionIndex，并将其双向绑定带入 TabView:

@State var tabSelectionIndex = 0

要知道 RecipeFeaturedVIew 显示的第一个食谱并不是 Recipe 中的第一个，
所以宣告 method：

func setFeaturedIndex() {
	var index = model.recipes.firstIndex { recipe in
            return recipe.featured
        }
        tabSelectionIndex = index ?? 0
    }

• 动态传入 Highlights 值
  因为想要在 RecipeFeaturedView 和 RecipeListView 中共同显示动态的 Highlights，
  所以新建一个 Highlights file：
  
  在 RecipeFeaturedView 中将 hardcode text 改成：

RecipeHighlights(highlights: model.recipes[tabSelectionIndex].highlights)

preview：
在 RecipeListView 中添加：

preview：