title: How to construct whatsapp timestamp layout using layoutkit?
body: <p><a href="https://i.stack.imgur.com/mUSrC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mUSrC.png" alt="enter image description here"></a></p>
  
  <p>I try to construct this message bubble layout using layoutKit. I was using the stackLayout to construct this as follow but it's not able to render dynamic position of the timestamp and the message. The timestamp will locate horizontally in the stack but if the message is longer, the timestamp will locate vertically in the stack.</p>
  
  <p>Can anyone tell me how to construct this layout?</p>
  
  <pre><code>class LayoutSample1: SizeLayout&lt;View&gt; {
      init(messageLayout: Layout, timeStampLayout: Layout) {
  
          let stackLayout = StackLayout(
              axis: .vertical,
              distribution: .fillFlexing,
              sublayouts: [messageLayout, timeStampLayout],
              config: { view in
                  view.backgroundColor = UIColor.orange
          })
  
          super.init(
              sublayout: stackLayout,
              config: { view in
                  view.backgroundColor = UIColor.yellow
          })
      }
  }
  
  
  class TimestampLayout: LabelLayout&lt;UILabel&gt; {
  
      init(text: String) {
  
          super.init(
              text: Text.unattributed(text),
              font: UIFont.systemFont(ofSize: 12),
              numberOfLines: 0,
              alignment: .bottomTrailing,
              config: { label in
                  label.backgroundColor = UIColor.red
          })
      }
  }
  
  class MessageLayout: LabelLayout&lt;UILabel&gt; {
      init(text: String) {
          super.init(
              text: Text.unattributed(text),
              font: UIFont.systemFont(ofSize: 14),
              numberOfLines: 0,
              alignment: .topLeading,
              config: { label in
                  label.backgroundColor = UIColor.red
          })
      }
  }
  </code></pre>