Custom overlay issues with camera showing and hiding

Hi All,

I have a problem in Custom camera functions management.

First i am explaining the steps i had done,

1. Opening the window with background as white when clicking on “Image” Button,

2. And then calling the Show Camera with Custom overlay, on that overlay i have 3 images,

This #2 takes few seconds to call the Titanium.Media.showCamera({});

So the #1 window is showing for that few seconds, I do not want to display this white window.

I can avoid the window ‘open’ at the time of page loading, And can write window ‘open’ on CAMERA, GALLERY success call, But in this case, i am able to see the Previous windows. (So it will confuse users).

3 events on Overlay view :

A. Gallery, B. Camera icon, C. X (For close)

A. GALLERY click:

While clicking on GALLERY i have to show the Gallery images list, So here i am calling Ti.Media.openPhotoGallery({}); and Ti.Media.hideCamera(); // For Hide camera.

Its fine, But i can see the previous window for few secs before opening GALLERY, i just want to get rid of this prev window. Is there any solution for this? if yes then how?

B. Clicking on Camera:

Its working fine, Because here i am just calling Ti.Media.takePicture();

C. clicking on X :

Here i am just hiding the camera and closing the window, So i am getting that same white background window, while the Ti.Media.hideCamera(); is calling.

I have added the pastebin details below

Please let me know if you can help

app.js link

Custom Camera overlay file

ImageView page

Application type: mobile

Titanium SDK: 3.5.0.GA

Platform & version: iOS 8.1, Android 4.4.4,

Device: iOS device 4S , Android device 4.4.4

Host Operating System: Mac OS X Version 10.9.5

Titanium Studio: 3.4.1.201410281727