Creating the Recorder View layout

When the user taps on Record in the top right corner of the app, it prompts the user to authenticate, after which the app routes to the record view. Additionally, it would be nice to reuse this record view in a modal popup to show when the composition contains tracks, so the user doesn't feel like they are leaving the composition while recording. However, when the composition is new, it's fine to navigate to the record view via routing. We will show how this can be done, but let's first set up our layout using the new fancy Waveform view and our powerful new RecordModel.

Add the following to app/modules/recorder/components/record.component.html:

<ActionBar title="Record" icon="" class="action-bar"> <NavigationButton ...

Get NativeScript for Angular Mobile Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.