title: QML Row vs. RowLayout
body: <p>I'm trying to write a topbar for my application that should contain mainly the app logo (a small image) and the app title (just text). Moreover, I'd like this topbar to automatically resize according to the window's height.</p>
  
  <p>I'm new to QML, but I suppose that I should wrap these components inside a <strong><code>Row</code></strong> or a <a href="https://blog.qt.io/blog/category/qt-quick-2/" rel="nofollow noreferrer"><strong><code>RowLayout</code></strong></a> component. This is my sample code:</p>
  
  <pre><code>import QtQuick 2.0
  import QtQuick.Layouts 1.0
  
  Rectangle
  {
      id: mainwindow
      width: 1024
      height: 600
  
      Row
      {
          id: rowlayout
          height: logoimage.height
          spacing: 5
  
          property int count: 3
  
          anchors
          {
              left: parent.left
              right: parent.right
              top: parent.top
          }   
  
          Image
          {   
              id: logoimage
              source: "qrc:/images/resources/images/icon.png"
              height: mainwindow.height / 20
              anchors.top: parent.top
              anchors.left: parent.left
          }   
          Text
          {   
              id: logotext
              text: qsTr("This is my logo text")
              font.pixelSize: parent.height
              font.family: "Sans Serif"
              height: parent.height
              verticalAlignment: Text.AlignVCenter
              anchors.top: parent.top
              anchors.left: logoimage.right
          }
          /*
          Rectangle
          {
              id: otherrect
              height: parent.height
              color: "lightgreen"
              anchors.top: parent.top
              anchors.left: logotext.right
              anchors.right: parent.right
          }
          */
      }
  }
  </code></pre>
  
  <p>I tell to the <strong><code>Row</code></strong> component that its height should follow the logo's height, and to the <strong><code>Image</code></strong> (logo) component that its height should be 1/20th of the <strong><code>Rectangle</code></strong> (mainwindow) component.</p>
  
  <p>Using a <strong><code>Row</code></strong> container, the code behaves as expected but I get an annoying warning (<code>QML Row: Cannot specify left, right, horizontalCenter, fill or centerIn anchors for items inside Row. Row will not function.</code>) and I have to do a lot of anchoring. Conversely, if I use a <strong><code>RowLayout</code></strong> container, I can remove most of the anchors but the <strong><code>Image</code></strong> completely ignores its <strong><code>height</code></strong> attribute (but the text still resizes correctly). So the questions are:</p>
  
  <ol>
  <li>is this a bug of the <strong><code>RowLayout</code></strong> component? I'm using <strong>Qt-5.1.0-Beta</strong> with Android support, so this could be an explanation</li>
  <li>how can I use a <strong><code>Row</code></strong> component without using anchors in its children and thus avoid the warning?</li>
  <li>I'm missing something important or I'm almost on the right track but I have to bear with  this beta of Qt until a stable version is released?</li>
  </ol>