Skip to main content
Language

Customize Menu Items

PhotoEditor SDK supports changing the menu items used in the editor UI.

Configure menu items#

The tool menu items displayed in the main menu can be configured through the configuration.tools option and takes an array of Tools. You can find a list of all available tools here.

Note that items for tools not included in your license subscription will be hidden automatically.

import 'package:catalog/models/code_example.dart';
import 'package:imgly_sdk/imgly_sdk.dart';
import 'package:photo_editor_sdk/photo_editor_sdk.dart';
class PhotoMenuItemsExample extends CodeExample {
void invoke() async {
// Create a [Configuration] instance.
final configuration = Configuration(
// In this example, the tools are sorted by alphabetical
// order instead of the default order.
tools: [
Tool.adjustment,
Tool.brush,
Tool.filter,
Tool.focus,
Tool.frame,
Tool.overlay,
Tool.sticker,
Tool.text,
Tool.textDesign,
Tool.transform,
]
);
try {
// Open the photo editor and handle the export as well as any occurring errors.
final result = await PESDK.openEditor(
image: "assets/LA.jpg", configuration: configuration);
if (result != null) {
// The user exported a new photo successfully and the newly generated photo is located at `result.image`.
print(result.image);
} else {
// The user exported a new photo successfully and the newly generated photo is located at `result.image`.
return;
}
} catch (error) {
// The user exported a new photo successfully and the newly generated photo is located at `result.image`.
print(error);
}
}
}