vincentriemer / react-native-dom

An experimental, comprehensive port of React Native to the web.

Home Page:https://rntester.now.sh

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flex layout not consistent with native device layouts

darthtrevino opened this issue · comments

I'm aware of the "it's not ready for production" caveat, but I wanted to kick the tires and play with this lib a bit. I added react-native-dom to an application I'm working on, and I'm seeing some issues with layout. The layout in RNDom isn't matching iOS or Android, so I'm guessing there's something janky in how Yoga is being applied.

In this example, each row has two children, one for the title and one for this magnitude bar. The title is flex: 2 and the magbar is flex: 1. The RNDom version has inconsistent sizings from row-to-row.

Layout on iOS
Layout on react-native-dom

@darthtrevino - any chance you could provide a code snippet?

Yeah, in order to triage this we're going to need a reproduction of the bug. If you can create a repo that showcases it that would be great!

Whoops, looks like I forgot to bind the flexBasis setter to the shadow view, should be fixed in 0.1.2