I am using photoPicker to select an image from photo library, and before using defer, my code looks like this PhotosPicker(selection: $selectedItem, matching: .images) { Label("Select an image", systemImage: "photo") } .onChange(of: selectedItem) { _, newValue in isLoadingImage = true Task { if let data = try? await newValue?.loadTransferable(type: Data.self) { selectedImageData = data if let selectedImageData, let uiImage = UIImage(data: selectedImageData) { inputImage = uiImage } } isLoadingImage = false } //: Task } //: onChange After using defer and change try? to do { try } catch { }, my code now looks like this PhotosPicker(selection: $selectedItem, matching: .images) { Label("Select an image", systemImage: "photo") } .onChange(of: selectedItem) { _, newValue in Task { isLoadingImage = true defer { isLoadingImage = false } do { if let data = try await newValue?.loadTransferable(type: Data.self) { selectedImageData = data if let selectedImageData, let uiImage = UIImage(data: selectedImageData) { inputImage = uiImage } } } catch { print("Failed to load image: \(error.localizedDescription)") } } //: Task } //: onChange

Currently (and I think since about android 14) some media apps invoke Media Picker without 3 dots (that would have allowed me to use a file manager comfortable to me) In particular all chromium bro...

Objective: Open the media selector to select images or videos. When an application needs to read a user's image, developers can embed PhotoPicker components in the application interface. After the user selects the desired image resource, they can directly return the image resource without granting the application permission to read the image file, thus completing the access and reading of the image or video file. Implementation idea: 1. Import the PhotoPicker module file. 2. Create PickerOptions and PickerController instances for configuring and controlling Picker components. 3. When the application interface appears, initialize the component configuration options instance (PickerOptions). 4. Implement callback functions. 5. Create a PhotoPickerComponent component. 6. Send data to the Picker component through PickerController to control the behavior of the PhotoPickerComponent component. code example import { PhotoPickerComponent, PickerController, PickerOptions, DataType, BaseItemInfo, ItemInfo, PhotoBrowserInfo, ItemType, ClickType, MaxCountType, PhotoBrowserRange, PhotoBrowserUIElement, ReminderMode, ItemsDeletedCallback, ExceedMaxSelectedCallback, CurrentAlbumDeletedCallback } from '@ohos.file.PhotoPickerComponent'; import photoAccessHelper from '@ohos.file.photoAccessHelper'; @Entry @Component struct PhotoPickerComponentDemoPage{ // 组件初始化时设置参数信息 pickerOptions: PickerOptions = new PickerOptions(); // 组件初始化完成后，可控制组件部分行为 @State pickerController: PickerController = new PickerController(); // 已选择的图片 @State selectUris: Array<string> = new Array<string>(); //目前选择的图片 @State currentUri: string = ''; //是否显示大图 @State isBrowserShow: boolean = false; aboutToAppear() { // 设置picker宫格页数据类型 this.pickerOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_VIDEO_TYPE // 图片和照片都显示; // 最大选择数量 this.pickerOptions.maxSelectNumber = 5; // 超出最大选择数量时 this.pickerOptions.maxSelectedReminderMode = ReminderMode.TOAST; // 是否展示搜索框，默认false this.pickerOptions.isSearchSupported = true; // 是否支持拍照，默认false this.pickerOptions.isPhotoTakingSupported = true; } // 资源被选中回调，返回资源的信息，以及选中方式 private onItemClicked(itemInfo: ItemInfo, clickType: ClickType): boolean { if (!itemInfo) { return false; } let type: ItemType | undefined = itemInfo.itemType; let uri: string | undefined = itemInfo.uri; if (type === ItemType.CAMERA) { // 点击相机item return true; // 返回true则拉起系统相机，若应用需要自行处理则返回false。 } else { if (clickType === ClickType.SELECTED) { // 应用做自己的业务处理 if (uri) { this.selectUris.push(uri); this.pickerOptions.preselectedUris = [...this.selectUris]; } return true; // 返回true则勾选，否则则不响应勾选。 } else { if (uri) { this.selectUris = this.selectUris.filter((item: string) => { return item != uri; }); this.pickerOptions.preselectedUris = [...this.selectUris]; } } return true; } } // 进入大图的回调 private onEnterPhotoBrowser(photoBrowserInfo: PhotoBrowserInfo): boolean { this.isBrowserShow = true; return true; } // 退出大图的回调 private onExitPhotoBrowser(photoBrowserInfo: PhotoBrowserInfo): boolean { this.isBrowserShow = false; return true; } // 接收到该回调后，便可通过pickerController相关接口向picker发送数据，在此之前不生效。 private onPickerControllerReady(): void { } // 大图左右滑动的回调 private onPhotoBrowserChanged(browserItemInfo: BaseItemInfo): boolean { this.currentUri = browserItemInfo.uri ?? ''; return true; } // 已勾选图片被删除时的回调 private onSelectedItemsDeleted(baseItemInfos: Array<BaseItemInfo>): void { } // 超过最大选择数量再次点击时的回调 private onExceedMaxSelected(exceedMaxCountType: MaxCountType): void { } // 当前相册被删除时的回调 private onCurrentAlbumDeleted(): void { } build() { Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start }) { PhotoPickerComponent({ pickerOptions: this.pickerOptions, onItemClicked: (itemInfo: ItemInfo, clickType: ClickType): boolean => this.onItemClicked(itemInfo, clickType), onEnterPhotoBrowser: (photoBrowserInfo: PhotoBrowserInfo): boolean => this.onEnterPhotoBrowser(photoBrowserInfo), onExitPhotoBrowser: (photoBrowserInfo: PhotoBrowserInfo): boolean => this.onExitPhotoBrowser(photoBrowserInfo), onPickerControllerReady: (): void => this.onPickerControllerReady(), onPhotoBrowserChanged: (browserItemInfo: BaseItemInfo): boolean => this.onPhotoBrowserChanged(browserItemInfo), onSelectedItemsDeleted: (BaseItemInfo: Array<BaseItemInfo>) => this.onSelectedItemsDeleted(BaseItemInfo), onExceedMaxSelected: (exceedMaxCountType: MaxCountType) => this.onExceedMaxSelected(exceedMaxCountType), onCurrentAlbumDeleted: () => this.onCurrentAlbumDeleted(), pickerController: this.pickerController, }) // 这里模拟应用侧底部的选择栏 if (this.isBrowserShow) { //已选择的图片缩影图 Row() { ForEach(this.selectUris, (uri: string) => { if (uri === this.currentUri) { Image(uri).height(50).width(50) .onClick(() => { }) .borderWidth(1) .borderColor('red') } else { Image(uri).height(50).width(50).onClick(() => { this.pickerController.setData(DataType.SET_SELECTED_URIS, this.selectUris); this.pickerController.setPhotoBrowserItem(uri, PhotoBrowserRange.ALL); }) } }, (uri: string) => JSON.stringify(uri)) }.alignSelf(ItemAlign.Center).margin(this.selectUris.length ? 10 : 0) } else { // 进入大图，预览已选择的图片 Button('预览').width('33%').alignSelf(ItemAlign.Start).height('5%').margin(10).onClick(() => { if (this.selectUris.length > 0) { this.pickerController.setPhotoBrowserItem(this.selectUris[0], PhotoBrowserRange.SELECTED_ONLY); } }) } } } }

Android's photo picker is getting a search bar.

You can finally find photos inside Android apps using keywords.