能否用NativeScript开发iOS照片清理应用？技术实现疑问

Hey there! Great idea for an iOS photo cleaning app—let’s tackle your questions one by one.

Absolutely yes. Apple’s native Photos app does exactly this, so the Core Photos framework fully supports accessing all media (local and iCloud-stored), previewing assets, and deleting them. You just need to work with classes like PHAsset, PHFetchResult, and PHPhotoLibrary to fetch, inspect, and modify the photo library. No inherent restrictions here at the native level.

No limitations either. NativeScript lets you directly call iOS native APIs, so you can wrap Core Photos functionality just like you would in Swift/Objective-C. The key is bridging the NativeScript runtime to Apple’s native classes—you don’t need a special plugin (though some exist, direct API calls are more flexible).

Here’s how to build the core features in NativeScript (using TypeScript as an example):

1. Set Up Permissions #

First, add privacy permissions to App_Resources/iOS/Info.plist to access and modify the photo library:

<key>NSPhotoLibraryUsageDescription</key>
<string>Need access to your photos to display and manage them</string>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>Need access to delete photos from your library</string>

When initializing your app, request "Read and Write" access—this is mandatory for deletion.

2. Fetch All Media (Local + iCloud) #

Use PHAsset.fetchAssetsWithOptions to retrieve every photo and video, including iCloud-stored assets:

import { ios } from "@nativescript/core";

// Reference Core Photos native classes
const PHAsset = ios.PHAsset;
const PHFetchOptions = ios.PHFetchOptions;
const PHAssetSourceType = ios.PHAssetSourceType;

const fetchOptions = new PHFetchOptions();
// Include both local user library and iCloud-shared assets
fetchOptions.includeAssetSourceTypes = PHAssetSourceType.TypeUserLibrary | PHAssetSourceType.TypeCloudShared;

// Fetch all photos and videos
const allAssets = PHAsset.fetchAssetsWithOptions(fetchOptions);

// Iterate through the results
for (let i = 0; i < allAssets.count; i++) {
    const asset = allAssets.objectAtIndex(i);
    
    // Check if it's an image or video
    const isImage = asset.mediaType === PHAssetMediaType.Image;
    const isVideo = asset.mediaType === PHAssetMediaType.Video;
    
    // Get file size (note: iCloud assets may require fetching resource details)
    const resources = ios.PHAssetResource.assetResourcesForAsset(asset);
    resources.forEach(res => {
        const fileSize = res.valueForKey("fileSize");
        console.log(`${isImage ? "Image" : "Video"} size: ${fileSize} bytes`);
    });
}

3. Preview Assets #

Use PHImageManager to load previews for display in your NativeScript UI:

import { ImageSource } from "@nativescript/core";
const PHImageManager = ios.PHImageManager;
const imageManager = PHImageManager.defaultManager();

// Load a preview image
imageManager.requestImageForAssetTargetSizeContentModeOptionsResultHandler(
    asset,
    CGSizeMake(300, 300), // Target preview dimensions
    ios.PHImageContentMode.AspectFill,
    null,
    (image, info) => {
        // Convert native UIImage to NativeScript ImageSource
        const imageSource = ImageSource.fromNativeSource(image);
        // Assign to your UI Image component
        yourImageComponent.src = imageSource;
    }
);

// Load a video thumbnail
imageManager.requestAVAssetForAssetOptionsResultHandler(
    asset,
    null,
    (avAsset, audioMix, info) => {
        if (avAsset instanceof ios.AVURLAsset) {
            // Use AVFoundation to extract a thumbnail (implementation omitted for brevity)
        }
    }
);

4. Delete Selected Assets #

Use PHPhotoLibrary to perform delete operations (requires write access):

const PHPhotoLibrary = ios.PHPhotoLibrary;
const PHAssetChangeRequest = ios.PHAssetChangeRequest;

const photoLibrary = PHPhotoLibrary.sharedPhotoLibrary();
const assetsToDelete = [selectedAsset1, selectedAsset2]; // Array of PHAsset objects

photoLibrary.performChangesCompletionHandler(
    (success, error) => {
        if (error) {
            console.error(`Deletion failed: ${error.localizedDescription}`);
        } else {
            console.log("Assets deleted successfully!");
            // Refresh your media list UI here
        }
    },
    () => {
        // Create the delete request
        PHAssetChangeRequest.deleteAssets(assetsToDelete);
    }
);

• iCloud Assets: Some iCloud-stored assets may be in a "download pending" state. Check asset.downloadState and use PHImageManager to request the full asset if needed.
• Performance: Fetching large libraries can slow down the UI—use pagination or background threads to keep your app responsive.

内容的提问来源于stack exchange，提问作者Vadim