随时随地，解决你的用餐难题：使用 SwiftUI 随机推荐 App

2023-10-13 23:03:11

SwiftUI 随机推荐 App：解决你的用餐难题

现在，你是否经常不知所措，看着外卖 App 里琳琅满目的美食，却怎么也选不出想吃的？难道我们只能被美食算法牵着鼻子走吗？

不用担心，我来为你解决这个世纪难题。今天，我将带领你使用 SwiftUI 构建一个随机推荐 App，让你每天轻松做出用餐选择，不再为吃饭发愁。

踏上随机美食之旅

这个 App 的核心在于它的随机性。它将为你提供一系列美食选择，你只需选择喜欢的即可。我们使用 SwiftUI 的 List 组件来显示这些选择，并使用 randomElement() 方法来随机获取菜品名称。

import SwiftUI

struct RandomFoodApp: View {
  // 你的菜品名称列表
  let foodItems = ["披萨", "寿司", "汉堡", "面条", "沙拉"]
  
  var body: some View {
    List {
      // 遍历菜品名称列表
      ForEach(foodItems) { food in
        // 将每个菜品名称添加到列表中
        Text(food)
      }
    }
  }
}

让 App 变得更智能

为了让 App 更智能，我们可以根据用户的偏好来调整推荐结果。我们使用 SwiftUI 的 Picker 组件来允许用户选择他们喜欢的菜系，并根据他们的选择过滤菜品列表。

import SwiftUI

struct RandomFoodApp: View {
  // 你的菜品名称列表
  let foodItems = ["披萨", "寿司", "汉堡", "面条", "沙拉"]
  
  // 菜系选择器
  @State private var selectedCuisine = "全部"
  
  var body: some View {
    VStack {
      Picker("Cuisine", selection: $selectedCuisine) {
        Text("全部").tag("全部")
        Text("意大利").tag("意大利")
        Text("日本").tag("日本")
        Text("美国").tag("美国")
        Text("亚洲").tag("亚洲")
      }
      .pickerStyle(.segmented)
      
      List {
        // 根据选择的菜系过滤菜品列表
        ForEach(foodItems.filter { selectedCuisine == "全部" || $0.contains(selectedCuisine) }) { food in
          Text(food)
        }
      }
    }
  }
}