Remove gray tint from apps created with Titanium Appcelerator

2
votes

In a project created in Titanium Appcelerator/Alloy I created a simple window with a TabGroup button. That button opens a modal window, which contains a NavigationBar.

Without specifying anything in the TSS files, a gray tint is applied to both the TabGroup and the NavigationBar(s). I'd like to remove it and make everything translucent, as it would look natively.

Moreover, you can see that the NavigationBar of the modal window is translucent during the opening animation, and then it suddenly becomes gray after the navigation.

1
iostitaniumappceleratorappcelerator-titaniumtitanium-alloy

1 Answers

1
votes

If you want nav buttons in header-bar area, then your only solution is to use these two properties:

1- Window's barColor property

2- Window's translucent property

Using first property, you can set any background color in navigation header area, and setting 2nd one to false - you can remove the transparency which will show the actual color you apply using 1st property.

Moreover, you can use Window's navTintColor to tweaks tint changes in navigation header

+

You can apply font & color using Window's titleAttributes property.

titleAttributes : {
    color : 'white',
    font : { fontFamily : 'some-family', fontSize : 18 },
},


Here's a sample app I have created which shows demo of manual Modal Window animation for further fully customisation: Sample App for manual Modal Animation