Skip to main content

miroru_story_editor 1.3.1 copy "miroru_story_editor: ^1.3.1" to clipboard
miroru_story_editor: ^1.3.1 copied to clipboard

miroru story editor is designed in accordance with the Material Theme, offering ease of customization through its succinctly written code.

miroru

miroru

Features #

miroru story editor is built with an emphasis on ease of theme customization and a modern, extensible architecture. It adheres to Material Design guidelines using ThemeData for all theming, simplifying the process of modifying the app's look and feel.

✅ Intelligent Theme Adaptation Automatically adjusts the theme between dark and light modes based on the brightness of the selected background image, enhancing user experience and readability.

✅ Quick Theme Customization Thanks to the utilization of ThemeData, changing themes to match your preferences or brand identity is straightforward and efficient.

✅ Designed for Flexibility Our architecture ensures easy customization and future expansion, keeping miroru story editor at the forefront of technology advancements.

✅ Multilingual Support miroru story editor supports six languages: English, Japanese, Chinese, Korean, Russian, and Hindi, catering to a diverse user base.

Support Localization #

support Language
✅ English
✅ 日本語
✅ 中文
✅ 한국어
✅ Русский
✅ हिन्दी

Getting started #

  $ flutter pub add miroru_story_editor

Usage #

FilledButton(
  onPressed: () async {
    if (Platform.isAndroid) {
      final deviceInfo = DeviceInfoPlugin();
      final androidInfo = await deviceInfo.androidInfo;
      if (androidInfo.version.sdkInt >= 33) {
        await Permission.photos.request();
      } else {
        await Permission.storage.request();
      }
    } else {
      await Permission.photos.request();
    }

    final file = await ImagePicker().pickImage(
      source: ImageSource.gallery,
    );
    if (file == null) {
      return;
    }

    if (!context.mounted) {
      return;
    }

    final imageData = await showMiroruStoryEditor(
      context,
      imageFile: File(file.path),
    );

    if (imageData == null) {
      return;
    }

      setState(() {
        image = imageData;
      });
    },
    child: const Text('open miroru story editor'),
  ),

Change Theme #

you can use #ThemeDataDto

  await showMiroruStoryEditor(
      context,
      imageFile: File(file.path),
      themeDataDto: ThemeDataDto(
        themeLight: yourLightTheme,
        themeDark: yourDarkTheme,
      ),
  );

Change Localization #

  await showMiroruStoryEditor(
      context,
      imageFile: File(file.path),
      languageType: LanguageType.ja
  );