NativeScript - Mô-đun

Một NativeScript Mô-đun chứa một tập hợp các chức năng có liên quan đóng gói như là thư viện duy nhất. Hãy để chúng tôi tìm hiểu các mô-đun được cung cấp bởi khung NativeScript.

Nó chứa các chức năng cốt lõi của khung NativeScript. Hãy để chúng tôi hiểu các mô-đun cốt lõi trong chương này.

Ứng dụng

Ứng dụng chứa triển khai nền tảng cụ thể của ứng dụng di động. Mô-đun lõi đơn giản được định nghĩa dưới đây:

const applicationModule = require("tns-core-modules/application");

Bảng điều khiển

Mô-đun bảng điều khiển được sử dụng để ghi thông báo. Nó có các phương pháp sau:

console.log("My FirstApp project"); 
console.info("Native apps!"); 
console.warn("Warning message!"); 
console.error("Exception occurred");

cài đặt ứng dụng

mô-đun cài đặt ứng dụng chứa phương pháp để quản lý cài đặt ứng dụng. Để thêm mô-đun này, chúng ta cần thêm đoạn mã sau:

const appSettings = require("tns-core-modules/application-settings");

Một số phương pháp có sẵn trong cài đặt ứng dụng như sau:

  • setBoolean (key: string, value: boolean) - đặt đối tượng boolean

  • setNumber (key: string, value: number) - đối tượng set number

  • setString (key: string, value: string) - đặt đối tượng chuỗi

  • getAllKeys () - Chứa tất cả các khóa được lưu trữ

  • hasKey (key: string) - kiểm tra xem có khóa hay không

  • clear - xóa các giá trị được lưu trữ

  • loại bỏ - loại bỏ bất kỳ mục nhập nào dựa trên khóa.

Một ví dụ đơn giản sử dụng cài đặt ứng dụng như sau:

function onNavigatingTo(args) { 
   appSettings.setBoolean("isTurnedOff", false);
   appSettings.setString("name", "nativescript"); 
   appSettings.setNumber("locationX", 54.321); 
   const isTurnedOn = appSettings.getBoolean("isTurnedOn"); 
   const username = appSettings.getString("username"); 
   const locationX = appSettings.getNumber("locationX"); 
   // Will return "not present" if there is no value for "noKey" 
   const someKey = appSettings.getString("noKey", "not present"); 
}
exports.onNavigatingTo = onNavigatingTo; 
function onClear() {
   // Removing a single entry via its key name 
   appSettings.remove("isTurnedOff"); 
   // Clearing the whole settings 
   appSettings.clear(); 
}

http

Mô-đun này được sử dụng để xử lý httpyêu cầu và phản hồi. Để thêm mô-đun này vào ứng dụng của bạn, hãy thêm mã sau:

const httpModule = require("tns-core-modules/http");

Chúng tôi có thể gửi dữ liệu bằng các phương pháp sau:

getString- Nó được sử dụng để yêu cầu và tải xuống dữ liệu từ URL dưới dạng chuỗi. Nó được định nghĩa dưới đây -

httpModule.getString("https://.../get").then(
   (r) => { 
      viewModel.set("getStringResult", r); 
   }, (e) => 
   { 
   }
);

getJSON- Nó được sử dụng để truy cập dữ liệu từ JSON. Nó được định nghĩa dưới đây -

httpModule.getJSON("https://.../get").then((r) => { 
}, (e) => { 
});

getImage- tải xuống nội dung từ URL được chỉ định và trả về đối tượng ImageSource. Nó được định nghĩa dưới đây -

httpModule.getImage("https://.../image/jpeg").then((r) => { 
}, (e) => { 
});

getFile - Nó có hai đối số URL và đường dẫn tệp.

  • URL - tải xuống dữ liệu.

  • File path- lưu dữ liệu URL vào tệp. Nó được định nghĩa dưới đây -

httpModule.getFile("https://").then((resultFile) => { 
}, (e) => { 
});

request- Nó có đối số tùy chọn. Nó được sử dụng để yêu cầu các tùy chọn và trả về đối tượng HttpResponse. Nó được định nghĩa dưới đây -

httpModule.request({ 
   url: "https://.../get", 
   method: "GET" 
}).then((response) => { 
}, (e) => { 
});

Nguồn hình ảnh

mô-đun nguồn hình ảnh được sử dụng để lưu hình ảnh. Chúng tôi có thể thêm mô-đun này bằng cách sử dụng câu lệnh dưới đây:

const imageSourceModule = require("tns-core-modules/image-source");

Nếu bạn muốn tải hình ảnh từ tài nguyên, hãy sử dụng đoạn mã dưới đây:

const imgFromResources = imageSourceModule.fromResource("icon");

Để thêm hình ảnh từ tệp cục bộ, hãy sử dụng lệnh dưới đây:

const folder = fileSystemModule.knownFolders.currentApp(); 
const path = fileSystemModule.path.join(folder.path, "images/sample.png"); 
const imageFromLocalFile = imageSourceModule.fromFile(path);

Để lưu hình ảnh vào đường dẫn tệp, hãy sử dụng lệnh dưới đây:

const img = imageSourceModule.fromFile(imagePath); 
const folderDest = fileSystemModule.knownFolders.documents(); 
const pathDest = fileSystemModule.path.join(folderDest.path, "sample.png"); 
const saved = img.saveToFile(pathDest, "png"); if (saved) { 
   console.log(" sample image saved successfully!"); 
}

Hẹn giờ

Mô-đun này được sử dụng để thực thi mã trong các khoảng thời gian cụ thể. Để thêm điều này, chúng ta cần sử dụngrequire -

const timerModule = require("tns-core-modules/timer");

Nó dựa trên hai phương pháp -

setTimeout- Nó được sử dụng để trì hoãn việc thực thi. Nó được biểu thị dưới dạng mili giây.

setInterval - Nó được sử dụng để áp dụng định kỳ trong các khoảng thời gian cụ thể.

Dấu vết

Mô-đun này rất hữu ích để gỡ lỗi. Nó cung cấp thông tin ghi nhật ký. Mô-đun này có thể được biểu diễn dưới dạng:

const traceModule = require("tns-core-modules/trace");

Nếu bạn muốn bật ứng dụng của mình thì hãy sử dụng lệnh dưới đây:

traceModule.enable();

ui / image-cache

mô-đun image-cache được sử dụng để xử lý các yêu cầu tải xuống hình ảnh và lưu vào bộ nhớ cache các hình ảnh đã tải xuống. Mô-đun này có thể được biểu diễn như hình dưới đây:

const Cache = require("tns-core-modules/ui/image-cache").Cache;

kết nối

Mô-đun này được sử dụng để nhận thông tin kết nối của mạng được kết nối. Nó có thể được biểu diễn là -

const connectivityModule = require("tns-core-modules/connectivity");

Mô-đun chức năng

Các mô-đun chức năng bao gồm rất nhiều mô-đun cụ thể của hệ thống / nền tảng. Một số mô-đun quan trọng như sau:

platform- Được sử dụng để hiển thị thông tin về thiết bị của bạn. Nó có thể được định nghĩa như sau:

const platformModule = require("tns-core-modules/platform");

fps-meter- Dùng để chụp khung hình trên giây. Nó có thể được định nghĩa như sau:

const fpsMeter = require("tns-core-modules/fps-meter");

file-system- Được sử dụng để làm việc với hệ thống tệp thiết bị của bạn. Nó được định nghĩa dưới đây -

const fileSystemModule = require("tns-core-modules/file-system");

ui/gestures - Được sử dụng để làm việc với các cử chỉ giao diện người dùng.

Mô-đun giao diện người dùng

Mô-đun giao diện người dùng bao gồm thành phần giao diện người dùng và chức năng liên quan của nó. Một số mô-đun giao diện người dùng quan trọng như sau:

  • frame

  • page

  • color

  • text/formatted-string

  • xml

  • styling

  • animation