Children items are not vertically aligned properly when the height of the parent is undefined

[delimy]

Sample input:
{  
  style:{  
    flexDirection:"row"
  },
  children:[  
    {  
      style:{  
        width:100,
        flexDirection:"row"
      },
      children:[  
        {  
          style:{  
            width:20,
            height:20,
            alignSelf:"flex-end"
          }
        }
      ]
    },
    {  
      style:{  
        width:100,
        height:200
      }
    }
  ]
}

"flex-end" in the sample is not doing anything.

[delimy]

correct:

wrong:

[ghost]

Thank you for reporting this issue and appreciate your patience. We've notified the core team for an update on this issue. We're looking for a response within the next 30 days or the issue may be closed.

[felixakiragreen]

👍

[swathysubhash]

Facing this issue

[rreusser]

We may be experiencing a very similar issue in which flex properties have no effect unless the width is explicitly defined. In other words, centering is nearly impossible unless the width is explicitly queried after layout and then set. This could be solved if width:100% were possible, but that's a separate (but again, related?) issue.

[respectTheCode]

+1