[TIMOB-18070] iOS: scrollableView page controls are out of screen

Issue

When we create a scrollableView that includes a large number of views the page controls are created in a single line causing some of the controls to be outside the window width and user cant follow which view index is currently being displayed.

Steps to repro

1. Run test code on an iPhone 5 simulator/device 2. Swipe the views in the scrollableView Expected Result User will be able to follow the current view with the controls Actual Result User won't see the total controls as some are not rendered in screen

Test Code

var win = Ti.UI.createWindow();

var view1 = [];

for (var i = 0; i < 30; i++) {
	var view2 = Ti.UI.createView({
		backgroundColor : '#246'
	});
	view1.push(view2);
};
var scrollableView = Ti.UI.createScrollableView({
	views : view1,
	showPagingControl : true
});

win.add(scrollableView);

win.open();