Xcode13.0-beta1试用下拉刷新

7 篇文章 0 订阅
5 篇文章 0 订阅

WWDC2021过去已经有一段时间了,很多大佬都已经写了不少关于测试版Xcode的一些文章,看了那么多新版本功能后我也没按耐住,直接更新了系统,下载了beta版xcode。
在这里插入图片描述
系统版本11.4
在这里插入图片描述
Xcode13.0-beta版

打开我们的Xcode体验一下:
在这里插入图片描述
很圆滑的感觉,新系统应该是给边角加大了弧度。
在这里插入图片描述
没有了后缀名,图标也变了。
系统的swiftUI新增的哪些功能大家自己到swift源码上去看吧,都有,我就写点我们常用的,能写多少算多少了:
第一个首选:下拉刷新拉。
简单的几段代码你就可以完成原来用几十行代码完成的事情,惊喜吧,那具体是怎么样的呢?
看代码:

//
//  RefreshExample.swift
//  SwiftUIExample
//
//  Created by qingzhou on 2021/6/18.
//

import SwiftUI

struct NewsItem: Decodable, Identifiable {
    var id: Int
    
    let title: String
    
    let strap: String
}

@available(iOS 15.0, *)
struct RefreshExample: View {
    @State private var news = [
        NewsItem(id: 0, title: "最新", strap: "下拉刷新")
    ]
    var body: some View {
        NavigationView {
            List(news) { item in
                VStack(alignment: .leading) {
                    Text(item.title)
                        .font(.headline)
                    Text(item.strap)
                        .foregroundColor(.secondary)
                }
                .id(item.id)
            }
            .refreshable {
                do {
                    let url = URL(string: "https://www.hackingwithswift.com/samples.news-1.json")!
                    let (data, _) = try await URLSession.shared.data(from: url)
                    news = try JSONDecoder().decode([NewsItem].self, from: data)
                } catch {
                    news = [NewsItem(id: 0, title: "别看了", strap: "你的接口不通")]
                }
            }
        }
    }
}

@available(iOS 15.0, *)
struct RefreshExample_Previews: PreviewProvider {
    static var previews: some View {
        RefreshExample()
    }
}

没错就这些,你就已经完成了一个下拉刷新的页面,赶紧试试吧!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

~轻舟~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值