V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
chaodada
V2EX  ›  Swift

SwiftUI 问题求教

  •  
  •   chaodada · 2020-08-08 17:36:25 +08:00 · 1921 次点击
    这是一个创建于 484 天前的主题,其中的信息可能已经有所发展或是发生改变。

    当列表加载网络数据的时候 最后一个元素无法打开详情页 当下拉到最底部的时候 再返回顶部 第一个元素也无法打开了

    import SwiftUI
    
    
    // 商品列表
    struct GoodsListHttpServerResData:Codable { // 让这个数据结构 继承可解码的类 Codable
        
        let code :Int  // 状态码
        let msg  :String // 说明信息
        let data:[Goods] //  列表数据
        
    }
    
    
    
    struct HomeView: View {
        
        
        // 构造方法 生成界面的时候
        init() {
            UITableView.appearance().separatorStyle = .none  //  去掉默认列表的 分割线
        }
    
        
       @State private var goodsListData = [Goods]()
        
    
        
        var body: some View {
            
            NavigationView {
                
                List{
                    ForEach( self.goodsListData ,id: \.id ){ goods in
                        GoodsView(goods: goods)  // 循环调用单个微博的函数
                            .listRowInsets(EdgeInsets()) // 列表里边的 每一个元素 上下左右的间距 为 0
                    }
                }.onAppear(perform: httpGetGoodsList)
                    .navigationBarTitle(Text("首页"), displayMode: .inline)
            }
            
            
            
            
            
        }
        
        func httpGetGoodsList() {
            
            let url = URL(string: "http://www.cddtkabc.top/7.php")!
            var request = URLRequest(url: url)
            request.httpMethod = "GET"
    //        request.timeoutInterval = 15
            
            // 创建请求任务
            let task = URLSession.shared.dataTask(with: request) { (data, response, error) in
                // 如果有错误
                if let error = error {
                    //                self.updateData(text: error.localizedDescription,isGoToLoginView: false)
                    print(error.localizedDescription)
                    return
                }
                // 判断状态码
                guard let httpResponse = response as? HTTPURLResponse ,httpResponse.statusCode == 200 else{
                    print("服务端请求状态码非 200")
                    
                    //                self.updateData(text:  "服务端请求状态码非 200",isGoToLoginView: false)
                    return
                }
                // 判断有么有数据
                guard let data  = data else{
                    print("服务端没有返回数据")
                    //                self.updateData(text:  "服务端没有返回数据",isGoToLoginView: false)
                    return
                }
                
                // 解析数据
                guard let resData = try? JSONDecoder().decode(GoodsListHttpServerResData.self, from: data) else {
                    print("解析返回值失败")
                    //  self.updateData(text:  "解析返回值失败",isGoToLoginView: false)
                    return
                }
                
                
                if resData.code == 200 {
                    //                self.updateData(text:resData.msg, isGoToLoginView:true)
                    print(resData)
                    
                    DispatchQueue.main.async {
                        self.goodsListData = resData.data
                    }
                    
                }else{
                    //                self.updateData(text:resData.msg, isGoToLoginView:true)
                }
                
            }
            // 请求任务执行
            task.resume()
            
        }
        
        func updateData( text: String , isGoToLoginView:Bool){
            // 用主进程 修改数据
            DispatchQueue.main.async {
                //               self.alertMsg = text
                //               self.isAlert =  true
                //            self.isGoToLoginView = isGoToLoginView
            }
        }
        
        
        
    }
    
    
    
    
    
    struct HomeView_Previews: PreviewProvider {
        static var previews: some View {
            HomeView()
            //            .environmentObject(RootViewModel())
        }
    }
    
    
    // GoodsView code:
    
    
    
    
    import SwiftUI
    
    struct GoodsView: View {
        
        let goods:Goods
        
        var body: some View {
            
                  VStack{
                
                        // 水平排列
                        HStack( spacing:10){
                            
                        
                            goods.goodsImage.resizable()  // 图片缩放
                                .frame(width: 120, height: 120, alignment: .center) // 宽高
                                .cornerRadius(10) //  圆角
                            
                            // 垂直排列
                            VStack(alignment: .leading, spacing: 10){
                                
                                // 垂直排列
                                VStack(alignment: .leading, spacing: 5){
                                    Text(goods.goods_name) // 创建文字视图
                                        .font(.system(size:15)) // 设置系统字体
                                        .foregroundColor(.black) // 设置颜色
                                        .lineLimit(2) // 允许占用两行
    //                                    .padding(.top,5)
                                        .frame(height: 40)
                                    Text(goods.goods_info) // 创建文字视图
                                        .font(.system(size:10)) // 设置系统字体
                                        .foregroundColor(.black) // 设置颜色
                                }
                                
                                 
                                VStack(alignment: .leading, spacing: 5){
                                    // 水平排列
                                    HStack(){
                                        Text("¥")
                                            .font(.system(size:10))
                                        Text(String(goods.goods_price))
                                            .font(.system(size:16))
                                    }.foregroundColor(.red) // 设置颜色
                                    
                                    Text("实体地址:" + goods.store_adress)
                                        .font(.system(size:10)) // 设置系统字体
                                        .foregroundColor(Color(red: 0, green: 0, blue: 0, opacity: 1)) // 设置颜色
                                    Text("店铺名称:" + goods.store_name)
                                        .font(.system(size:10)) // 设置系统字体
                                        .foregroundColor(Color(red: 0, green: 0, blue: 0, opacity: 1)) // 设置颜色
                                }
                                Divider() //分割线
                            }
                            
                            
                        }.padding(.all,5)
                    
                  }.navigationLink(destination:Text("1111"))
                        
                
    //        }
    
            
            
            
        }
    }
    
    struct GoodsView_Previews: PreviewProvider {
        static var previews: some View {
                    GoodsView(goods: Goods(
            
                        id: 2000,
                        goods_name: "热卖苹果手机 2020 年新款 128G 全网通 5G 手机",
                        goods_info: "商品描述商品描述商品描述商品描述商品描述商品描述",
                        goods_price: 5999.99,
                        goods_stock: 100,
                        goods_images: [
                             "ceqdFM0zXxTc.jpg",
                             "ceUaxg4en3tY.jpg",
                             "ceyQj7HJ0oVhc.jpg",
            
                        ],
                        store_name: "京东自营礼物店",
                        store_adress: "山东省济南市天桥区凤凰广场"
                    ))
            
            
            
    //        GoodsView(goods: goodsList.list[0])
        }
    }
    
    
    
    swiftui swiftui-导航链接
    
    
    3 条回复    2020-08-11 05:41:54 +08:00
    chaodada
        1
    chaodada  
    OP
       2020-08-08 17:50:15 +08:00
    ```
    extension View {

    /// 基于 NavigationLink 跳转,但避免了因为出现在 List 中而出现详情指示器 `>`
    /// ,在 Cell 中调用即可实现跳转
    /// - Parameter destination: 要跳转的界面
    func navigationLink<Destination: View>(destination: Destination) -> some View {
    background(
    NavigationLink(destination: destination) {
    EmptyView() // 不需要实际的 Label 视图,EmtpyView 即可
    }
    .frame(width: 0, height: 0) // 避免占用空间
    .opacity(0) // 不可见
    )
    }

    }
    跳转是这样的
    ```
    leschans
        2
    leschans  
       2020-08-10 19:29:41 +08:00 via iPhone
    你这每行都有注释😂
    chaodada
        3
    chaodada  
    OP
       2020-08-11 05:41:54 +08:00 via iPhone
    @leschans #2 刚学习,满脸懵逼只能这样😂😂😂
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   920 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 20:23 · PVG 04:23 · LAX 12:23 · JFK 15:23
    ♥ Do have faith in what you're doing.