Assignment 4: NativeScript Plugins

Loading...

來自 The Hong Kong University of Science and Technology 的課程

Multiplatform Mobile App Development with NativeScript

96 個評分

The Hong Kong University of Science and Technology

Multiplatform Mobile App Development with NativeScript

96 個評分

課程 4（共 5 門，Specialization Full Stack Web and Multiplatform Mobile App Development）

This course focuses on developing truly cross-platform, native iOS and Android apps using NativeScript (Ver 3.x). The framework uses Angular, TypeScript or modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with NativeScript UI and layout support and access the native mobile platform's capabilities from Javascript. You should have already completed the Bootstrap 4 and the Angular courses in this specialization before proceeding with this course. At the end of this course you will be able to (a) Build mobile applications targeting multiple platforms with a single codebase, (b) Leverage your Angular, TypeScript and Javascript skills, and (c) Use various features of the NativeScript framework to build truly cross-platform mobile applications

從本節課中

Accessing Native Capabilities of Devices: NativeScript Plugins

In this module you will explore NativeScript Plugins that enable you to access the native capabilities of the mobile devices. You will use a few plugins in order to understand the general concepts and the patterns for using these plugins within your NativeScript application

Assignment 4: NativeScript Plugins3:59

與講師見面

Jogesh K. Muppala
Associate Professor
Department of Computer Science and Engineering

Time for that final assignment of this course.

In this module, we have been exploring various NativeScript plugins.

Continuing along the theme, in the assignment,

you will explore two additional NativeScript plugins,

NativeScript phone and NativeScript image picker.

In your app, when a button is clicked,

you will cause your app to use

their built-in phone app on the device to make a phone call.

If your device is a tablet and your device is configured to

use Skype or any other app that can do phone calls,

then that app will be invoked on a tablet.

The second plugin, the NativeScript image picker will be used to pick a photo from

our photo gallery or the photo library on the device and make

use of it within the register page of our app.

Let's look at the two tasks in more detail next.

Going to the application on a device,

then you now go to their contact page,

you see that on the contact page,

we have the call button and the e-mail button.

We have already activated the e-mail button.

As the first task in this assignment,

you will activate the call button.

So, when the user clicks the call button,

then the configured application

on the device that enables you to make phone calls will be invoked.

Since this happens to be a tablet and I have Skype installed on it,

so Skype was invoked.

I will show you the behavior on a mobile phone right after this.

The same app when running on a mobile phone and you click on the call button,

will bring up the various options

that are available on that device for you to make a phone call.

So in this case, you can see that I have their phone dialer which, when I bring up,

will fill in their full number and then allow me to dial

using their default phone application on my device.

This illustrates the first task of this assignment.

The second task in your assignment has to do with the use of the image picker plugin.

So, in the register page,

we have already seen how the take picture button enables us to access the camera using

the NativeScript camera plugin and then obtain the picture and

use it in our register page.

In the second task,

you will configure that NativeScript image picker plugin.

This will enable you to access

the photos in the photo library or the photo gallery on your device,

and then pick one of the photos and make use of them

as the picture within the register page.

So when you click on this second button called the select image button,

then the image picker will bring up

the various places from where you can select photo and,

then, let me just select a photo here.

And that photo will be used within the register page.

So this is where the image picker plugin comes to your app.

So with these two tasks,

you will explore two additional NativeScript plugins

and see how you can make use of them within your app.

Have fun completing this assignment.

探索我們的目錄

免費加入並獲得個性化推薦、更新和優惠。

Coursera 致力於普及全世界最好的教育，它與全球一流大學和機構合作提供在線課程。

© 2018 Coursera Inc. 保留所有權利。

通過 App Store 下載

通過 Google Play 獲取