Black screen when using Angular/Nativescript

[justussigma]

HI!

I am new to nativescript and angular so bear with me. I have followed the instructions to implement this component in Angular Nativescript:

• ns plugin add @nativescript-community/ui-cameraview (in the root folder)

Then I have this in my view.component.ts:
import { registerElement } from '@nativescript/angular'; ------> this because 'nativescript-angular/element-registry' didnt work
import { CameraView } from '@nativescript-community/ui-cameraview';
registerElement('CameraView', () => CameraView);

and this in my view.component.html:

<FlexboxLayout
flexDirection="column"
justifyContent="space-around"
alignItems="center"

I only get a blackscreen... How can use the functions inside the CameraView component to get a camera view on the screen?

[justussigma]

UPDATE: If I call:
constructor() {
requestCameraPermissions().then(() => {
});
}

this gives me the view if i restart the app after allowing the app use the camera but how can I actually use the functions ofthe CameraView component?

[farfromrefug]

@justussigma you need to request the permission before starting the camera preview.
There is a readyToStartPreview property you can use:

• set to false
• request camera permission
• set readyToStartPreview to true
• call startPreview on the camera view