Appcelerator Titanium - how to place an image at the bottom of the screen

I have a basic view, then in this view I have, like children, two labels and an image. I want the tags to flow one after another from the top of the screen, and I want the image to be below. I get these labels to translate them correctly by setting the layout: “vertical” in the main window. But once this is done, I cannot force the image from below. Here is a snippet of my code:

var self = Ti.UI.createView({
    backgroundColor:'#fff',
    layout:'vertical'
});

var l1 = Titanium.UI.createLabel({                  
    text:quote,
    color:'#000',
    shadowColor:'#ddd',
    shadowOffset:{x:2,y:2},
    font:{fontFamily:'Marker Felt',fontSize:24},
    top:20,
    left:15,
    right:15,
    height:'auto'
});
self.add(l1);

var l2 = Titanium.UI.createLabel({
    text:author,
    color:'#000',
    shadowColor:'#ddd',
    shadowOffset:{x:2,y:2},
    font:{fontSize:16},
    top:10,
        left:15,
        right:15,
    height:'auto',
    textAlign:'right'
});
self.add(l2);

var imgView = Titanium.UI.createImageView({
    image:myimage,
    setBottom:10,
    height:100
});
self.add(imgView);

I tried to set the image layout, and this will not work. If I changed the layout of the "I" window to "absolute", then I can not get the tags to flow purely one after another. The first label has a variable height, so I need them to follow each other.

I am using Titanium 1.82.

Thank. In advance.

+3
2

. "base" , "", top:0 height: 'auto'

imgView 'base' bottom: 10 ( setBottom, ).

+3

: 0; : ; , . , HTML, Css Javascript , .

-1

All Articles