Skip to content
目录
公众号
扫一扫,及时获取最新内容
chicken-houseChickenHouse
一款为了在闲暇之余
可以关注基金而打造的浏览器插件

添加控件来切换状态

为了让用户可以控制列表的过滤,我们需要一个可以修改 showFavoritesOnly 值的控件。通过给切换控件传递一个绑定来实现这个需求。

绑定是对可变状态的引用。当用户将状态从关闭切换为打开然后再关闭时,控件使用绑定来更新视图相应的状态。

第 1 步

创建一个嵌套的 ForEach group, 将 landmarks 转换为行视图。

若要在列表中组合静态和动态视图,或者将两个或多个不同的动态视图组合在一起,要使用 ForEach 类型,而不是将数据集合传递给 List 。

第 2 步

添加一个开关视图作为列表视图的第一个子项,然后给 showFavoritesOnly 传递一个绑定。

我们使用 $ 前缀来访问一个状态变量或者它的属性的绑定。

第 3 步

在继续下一步之前,将 showsFavoritesOnly 的默认值改为 false

第 4 步

使用实时预览并点击切换来尝试这个新功能。

添加控件来切换状态 has loaded