Создание ограничений с помощью двух uiviews с помощью snapkit

Question

Я привязываю к ящику один UIVEW внизу со статической высотой 60, а затем верхнюю часть, заполняющую остальные. однако этот код, как представляется, просто делает верхнюю часть заполняет весь экран.

//bottomWrapperView 
    let bottomWrapperView = UIView() 
    bottomWrapperView.backgroundColor = UIColor.red 
    self.addSubview(bottomWrapperView) 

    //TopWrapperView 
    let topWrapperView = UIView() 
    topWrapperView.backgroundColor = UIColor.green 
    self.addSubview(topWrapperView) 


    //BottomWrapperView Constraints 
    bottomWrapperView.snp.makeConstraints { (make) -> Void in 
     make.height.equalTo(60) 
     make.left.equalTo(self).offset(0) 
     make.bottom.equalTo(self).offset(0) 
     make.right.equalTo(self).offset(0) 
     make.top.equalTo(topWrapperView) 
    } 



    //TopWrapperView Constraints 
    topWrapperView.snp.makeConstraints { (make) -> Void in 

     make.left.equalTo(self).offset(0) 
     make.top.equalTo(self).offset(0) 
     make.bottom.equalTo(bottomWrapperView) 
     make.right.equalTo(self).offset(0) 
    } 

Answer 1

Здесь вам нужно сделать нижнее ограничение для topWrapperView равной верхней части bottomWrapperView

//BottomWrapperView Constraints 
bottomWrapperView.snp.makeConstraints { (make) -> Void in 
    make.height.equalTo(60) 
    make.left.equalTo(self).offset(0) 
    make.bottom.equalTo(self).offset(0) 
    make.right.equalTo(self).offset(0) 
} 

//TopWrapperView Constraints 
topWrapperView.snp.makeConstraints { (make) -> Void in 
    make.left.equalTo(self).offset(0) 
    make.top.equalTo(self).offset(0) 
    make.bottom.equalTo(bottomWrapperView.snp.top) 
    make.right.equalTo(self).offset(0) 
}