scrollableview and views problem in android's scrollview

Hi guys,

I have issue about the views will be auto enlarged when i scroll the images which is in scrollableview.

Both views and scrollableview is wrapped by a scrollview.

This issue only happened in android. For ios is no problem.

Most of the time i was using percentage to make it responsive for devices. Always is no problem, this is the problem i first time encountered.

xml file

<Alloy>
    <Window id='win' backgroundColor="#eee">
 
        <ScrollView top="12.5%" id="scroll" width="100%" height="100%" contentHeight="Ti.UI.SIZE" contentWidth="100%" layout="vertical" scrollType="vertical">
 
            <View id="shareView" backgroundColor="blue" width="100%" top="0" left="0" height="13%"></View>
            <View id='scrollable' top="2" bottom="2" width="100%" height="84%" backgroundColor="#eee">
                <ScrollableView id="scrollGallery" showPagingControl="true">
                    <View id="view1" backgroundColor="#123">
                        <Label>View 1</Label>
                    </View>
                    <View id="view2" backgroundColor="#246">
                        <Label>View 2</Label>
                    </View>
                    <View id="view3" backgroundColor="#48b">
                        <Label>View 3</Label>
                    </View>
                </ScrollableView>
            </View>
            <View id="other" backgroundColor="yellow" width="100%" top="1" bottom="1" left="0" height="30%"/>
            <View backgroundColor="blue" top="1" height="20%"></View>>
 
        </ScrollView>
 
    </Window>
</Alloy>