How to add button layout constraints ARSKView? - swift

Question

I'm using SpriteKit (ARSKView) with UIKit elements, and I'd like to add a button that stays in the bottom left of the screen at all times. When pressed, the button would clear all nodes.
This is the code I tried to get the button to display, but when I try adding the bottom anchor and left anchor constraints, I get this error
Unable to activate constraint with anchors
and because they have no common ancestor.
Does the constraint or its anchors reference items in different view
hierarchies? That's illegal.'
The button works fine when tapped, but how can I add layout constraints in ARSKView?
And how do I get the button to clear all the nodes from the scene?
Here is my code
override func viewDidLoad() {
super.viewDidLoad()
// Set the view's delegate
sceneView.delegate = self
// Show statistics such as fps and node count
sceneView.showsFPS = true
sceneView.showsNodeCount = true
// sceneView.showsPhysics = true
// Load the SKScene from 'Scene.sks'
if let scene = SKScene(fileNamed: "Scene") {
sceneView.presentScene(scene)
}
let button = UIButton(frame: CGRect(x: 100, y: 100, width: 100, height: 50))
button.backgroundColor = UIColor(red: 0, green: 0, blue:0, alpha: 0.4)
button.setTitle("Clear Screen", for: .normal)
button.addTarget(self, action: #selector(buttonAction), for: .touchUpInside)
button.bottomAnchor.constraint(equalTo: sceneView.bottomAnchor).isActive = true
button.leftAnchor.constraint(equalTo: sceneView.leftAnchor).isActive = true
self.view.addSubview(button)
}
#objc func buttonAction(sender: UIButton!) {
print("Button tapped")
}