SegmentedControl control broken inside wix/react-native-navigation's tab

[grin]

Hey, I'm trying to makeCustomSegmentedControl work together with wix/react-native-navigation.
It works fine when I pass the example component to Navigation.startSingleScreenApp

But when I pass the example component as one of the tabs to Navigation.startTabBasedApp the segmented control breaks and looks like this:

it looks like the selected line height isn't respected and somehow all menu items are underlined initially.

Any ideas what could be causing this?

[dima]

I've got the same behaviour inside Navigation.startSingleScreenApp too. All items are underlined and selected line height is half the container. Also the other settings such as selectedLineAlign(top, bottom, etc) are ignored. The selected line goes at the bottom whatever you do.

[dima]

I should add this is just on a physical device (iPhone SE, iOS 10.3). Everything looks fine in a simulator.

[gabriel-morin-pro]

I have the same problem and clicks are not registered.
If i put selectedLineAlign to 'bottom' the line is in the center, but if I remove it it's back to the bottom.
My main problem though is that the press events are not registered...
I can press any item, onSelectedDidChange or onSelectedWillChange are never fired.

[dannysood]

Any update on this? How did you guys fix it @graphee-gabriel @dima @gran33 @grin