Search code examples
iosanimationtitanium-mobile

How to animate row height in Titanium iphone

I am working on Table view in Titanium iphone. I tried to add animation style for each row.

That is, when user click on each row , then row height need to increase, So I able to show hided contents in row. And when user click again then the row height need to decrease.

My code is, for collapsed view,

var animation = Ti.UI.createAnimation({height: 1, duration: 500});
row.animate(animation);

and for expanded view,

row.animate(Ti.UI.createAnimation({ height:200, duration:300 });

but above both code are not working,

If I set row height without using animation then its working fine. How to apply animation style for table view row... can any one please.

Solution

  • you can try this

    http://developer.appcelerator.com/question/119198/animating-row-height-changes

    TableViewRow cannot be animated. It's documentation bug. You need to make your own animation function (ie, setTimeout).