(Android) overlay showing behind camera view

[ShawnPavel]

I have the following markup in angular:

<CameraPlus debug="true" galleryPickerMode="single" confirmPhotos="true"
	(loaded)="camLoaded($event)" 
	(toggleCameraEvent)="toggleCameraEvent($event)" 
	(photoCapturedEvent)="photoCapturedEvent($event)"
        (imagesSelectedEvent)="imagesSelectedEvent($event)" >

	<GridLayout rows="*, auto, *" columns="*, auto, *">
		<GridLayout colSpan="3" class="bg-overlay"></GridLayout>
		<GridLayout row="1" class="bg-overlay"></GridLayout>
		<GridLayout row="1" col="2" class="bg-overlay"></GridLayout>
		<GridLayout row="2" colSpan="3" class="bg-overlay"></GridLayout>
		<Label row="1" col="1" class="overlay-label" text="📷➕"></Label>
	</GridLayout>
</CameraPlus>

Before the camera loads you can see the label, but once the camera view is loaded it appears to cover the label. ~I am not currently able to test this on iOS.~

[bradmartin]

I know prior to releasing this, it seemed to work fine. Not sure what changed to cause this tho 😕

[ShawnPavel]

I agree. In the packaged version I'm using in our app it works fine.

[geoffbullen]

@ShawnPavel, so should I go to a prior release version to resolve this is the short term? I'm using the latest 1.0.2.

[halaharr]

I ma having same issue. Is this resolved?

[ShawnPavel]

This is not resolved yet. I have worked around it by placing the overlay outside the camera plus component in the view.

@bradmartin Said he was going to try to work on this soon.

[halaharr]

Thanks.

[nickykln]

Hi @ShawnPavel,

Any news on this issue ? Did you have time to work on it ?

Thanks a lot,

Nicolas

[nickykln]

This is not resolved yet. I have worked around it by placing the overlay outside the camera plus component in the view.

@bradmartin Said he was going to try to work on this soon.

Hi @ShawnPavel , hi @bradmartin . Your plugin is really great, but I cannot make this overlay working on android. It is working fine on Ios. Do think, you will have time to have time to work on it. Otherwise, could you please tell me more about the workaround ?

Thanks so much,

Nicolas

[ekkiiiii]

Otherwise, could you please tell me more about the workaround ?

@nickykln The example provided with the package did not work for me as well. What works is when I put the camera and the overlay in one common grid layout.

<GridLayout rows="*">    
<CameraPlus debug="false" galleryPickerMode="single" showFlashIcon="false" showToggleIcon="false"
showCaptureIcon="false" showGalleryIcon="false" confirmSaveText="Confirm" confirmRetakeText="Delete" (loaded)="camLoaded($event)" (photoCapturedEvent)="photoCapturedEvent($event)"> </CameraPlus>  
<Image src="res://logo" stretch="none" ></Image>   
</GridLayout>