Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

NativeScript : custom camera view

I am working on an iOS and Android application with a custom camera view (that's why I won't use camera module http://docs.nativescript.org/ApiReference/camera/README)

I need to have my own UI above the camera preview.

Can I do this with Nativescript ?

I could not find any module/plugin with this feature. Is this hard to write my own module?

like image 738
Guillaume Hemery Avatar asked Feb 25 '16 13:02

Guillaume Hemery


1 Answers

The Placeholder allows you to add any native widget to your application. To do that, you need to put a Placeholder somewhere in the UI hierarchy and then create and configure the native widget that you want to appear there. Finally, pass your native widget to the event arguments of the creatingView event.

NativeScript does not have a surface view and you need to use placeholder on top of camera plugin.

<Placeholder (creatingView)="creatingView($event)"></Placeholder> 
public creatingView(args: any) {   var nativeView = new android.view.SurfaceView(application.android.currentContext);   args.view = nativeView; } 
like image 148
Narendra Avatar answered Sep 24 '22 23:09

Narendra