iOS will incorrectly wrap views within a horizontal layout if their percentage based widths total to 100%. This is not an issue on Android.
Steps to reproduce:
- Build and run HorizontalPercent50x50Test.js on iOS.
- Note that the left view width is 50% and the right view width is 50%.
- Observe the layout.
Use Ti.UI.FILL to the right-most view's width property instead of using a percentage.
The attached HorizontalFillTest.js provides a more complex horizontal layout test. iOS has 2 issues with this as well:
- The Left (50%) | Right (50%) test shows that the views are wrongly shrunk to 25% width instead of 50%.
- The yellow (75%) label does not have the same width as the (25%)|(50%) labels above it.