title: How to add ScaleBarOverlay into arcgis map
body: <p><img src="https://i.stack.imgur.com/WQWit.png" alt="enter image description here" /></p>
  <p>Above screenshot is done using custom Scalebar Component, i am wondering to resize scale bar on zoom in and zoom out of Mapview.</p>
  <pre><code>ScaleBar{                
          anchors.left: mapView.left
          anchors.bottom: mapView.bottom
          anchors.bottomMargin: 80
          anchors.margins: 10 * scaleFactor
          map:mapView
             }
  
  
  
    QtObject {
          id: internal
  
          property real segmentWidth: scaleBar.width / 4
          property real segmentHeight: scaleBar.width * 0.05
  }
  </code></pre>
  <p>Setting Width and height of the scale bar like this but how can i set width dynamically it should expand width on zoom out</p>
  <p>Fallowed this example to create scalebar <a href="https://community.esri.com/thread/201990-scale-bar" rel="nofollow noreferrer">https://community.esri.com/thread/201990-scale-bar</a></p>
  <p>Added this component in ArcGis Mapview.</p>
  <p>What needs to be import to use ScaleBarOverlay in ARCGIS map?</p>
  <p>I tried importing Esri.ArcGISRuntime 100.7</p>
  <pre><code>ScaleBarOverlay scaleBarOverlay = new ScaleBarOverlay()
  mapView.addMapOverlay(scaleBarOverlay)
  </code></pre>
  <p>It says unknown component M300</p>