如何在 react-native 的 img.ly 照片編輯器 sdk 中更改工具欄操作圖標？

Question

我正在使用付費版的 imgly 照片編輯器 sdk (react-native) 來編輯圖像，但是我想更改默認的工具欄圖標，有什么辦法嗎？ 檢查這張圖片

Answer 1

IMG.LY 團隊在這里！

對於 iOS：為了在 iOS 上的編輯器中交換圖標，您需要提供PESDK class 原生可用的圖像塊：

首先，您需要在AppDelegat.m / AppDelegate.mm文件中導入RNPhotoEditorSDK header：

#import <RNPhotoEditorSDK/RNPhotoEditorSDK.h>

然后，您可以在打開編輯器之前設置圖像塊。 我們建議將代碼放在同一個文件中的didFinishLaunchingWithOptions function 中。

[PESDK setBundleImageBlock:^UIImage * _Nullable(NSString * _Nonnull identifier) {
  if ([identifier isEqualToString:@"imgly_icon_save"]) {
    return [UIImage imageNamed:@"imgly_icon_approve_44pt"];
  }
  return nil;
}];

對於 Android：

您需要為 SDK 的相應圖標創建自定義資源文件。只需提供與 SDK 中使用的文件名相同的資源文件即可。

<?xml version="1.0" encoding="utf-8"?>


<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:viewportWidth="24"
        android:viewportHeight="24"
        android:width="24dp"
        android:height="24dp">
    <path
        android:pathData="M20.999994 7l-1.4 -1.4 -10.6000001 10.6 -4.2 -4.2 -1.4 1.4 5.6 5.6z"
        android:fillColor="?attr/imgly_icon_color_secondary" />
</vector>

此信息可在此處找到。

請記住，您可以隨時將您的疑問提交至支持頁面，我們的開發人員將為您提供最佳解決方案。

讓我們知道這對您有何幫助，如果還有其他事情我們可以幫助您完成。