How to set/use the Basic-Editor style

[dohyun-triplecomma]

Hello,
I’m writing to ask about the trim bar style. I’d like to use the trim bar style shown in the Basic-Editor example, but in my app the default appears to be the Grounded-Design style. I know the trim bar can be customized, (appBar and bottomBar are not set in MainEditorConfigs.) but I was wondering if there is a way to use the Basic-Editor trim bar as-is, without implementing a custom trim bar myself.

Current code example

  pro_video_editor: 1.6.1
  pro_image_editor: 11.23.0

/// VideoEditorConfigs
late final VideoEditorConfigs _videoConfigs = VideoEditorConfigs(
    initialMuted: true,
    initialPlay: false,
    isAudioSupported: true,
    enableEstimatedFileSize: true,
    minTrimDuration: Duration(seconds: kVideoMinSeconds),
    maxTrimDuration: _kMaxVideoTrimDuration,
    widgets: VideoEditorWidgets().copyWith(
      trimDurationInfo: (durationSpan) => kEmptyWidget,
    ),
  );

/// ProImageEditor.video
 ...
 videoEditor: controller.videoConfigs.copyWith(
          maxTrimDuration: controller.maxTrimDuration,
          playTimeSmoothingDuration: const Duration(milliseconds: 600),
        ),

[hm21]

Yes, you can use the same style as in the basic example here.

I’m not sure what changes you made in your code, but if you follow that link, you should get exactly the same result as in the basic example.