search

nstudio / nativescript-camera-plus

MIT License
79 stars 50 forks source link

(Android) overlay showing behind camera view #3

Open ShawnPavel opened 6 years ago

ShawnPavel commented 6 years ago

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 commented 6 years ago

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

ShawnPavel commented 6 years ago

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

geoffbullen commented 6 years ago

@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 commented 6 years ago

I ma having same issue. Is this resolved?

ShawnPavel commented 6 years ago

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 commented 6 years ago

Thanks.

nickykln commented 5 years ago

Hi @ShawnPavel,

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

Thanks a lot,

Nicolas

nickykln commented 5 years ago

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 commented 5 years ago

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>