Add functionality to fill available space

[Ledzz]

Current functionality lack an ability to set styles for an element to fill all the remaining space.

It would be great to introduce some analogue of "flex-grow" property so element can fill all the free space. I understand that flex-grow functionality may be complicated, so I think the simple "fillAllRemainingSpace: true" would be great (assuming we have only such element in layout.

[CyberDex]

FlexBox like layout implementation is in plans for the future versions.
For now, similar behaviour can be achieved using percentages as a size values.
Like in this example: https://pixijs.io/layout/storybook/?path=/story/complex--application-layout
(check the 'Story tab')

Example:

new Layout({
  content: {
    el1: {
      type: 'row1',
      style: {
        display: 'block',
        width: '20%',
      }
    },
    el2: {
      type: 'row2',
      style: {
        display: 'block',
        width: '60%',
      }
    },
    el3: {
      type: 'row3',
      style: {
        display: 'block',
        width: '20%',
      }
    },
  }
)

[Ledzz]

@CyberDex Thank you for the quick response! I'm looking forward to see it implemented.