Elegant way to access child variables?

[aurexav]

It's easy to do this in the same file.

Rectangle {
  foo := Rectangle {}
}

Rectangle {
  width: foo.width;
}

---

// a.slint
export component A inherits Rectangle {
  foo := Rectangle {}
}

// b.slint
import { A } from a.slint;
a := A {}
Rectangle {
  // Unable to access foo.
  width: a.foo.width;
}

I know I can do this, but it would be ugly if I want to access multiple fields of foo.

export component A inherits Rectangle {
  out property <length> foo_width: foo.width;

  foo := Rectangle {}
}

[ogoffart]

The "public" interface of the component needs to be declared with in or out properties.

You can slightly simplify your code with two way binding: out property foo_width <=> foo.width;