camilo1498 / stories_editor Goto Github PK

Hi Camilo, can you add please the saving story as Draft/Gif/Video also how to add video in the story?
Thanks in advance!

Hey,

is they a way to save the final photo as a gif ? because as of now giphy is not optional
and the final result return .png , so the picture is static!.

@camilo1498 When I click on the thumb image to open the gallery on iOS and Android devices, it shows a black screen. Also, I waited for a long time to see if it was loading. But it only showed a black screen; I am using it for my client project, so can you please fix the bug or tell me the solution?

my device using android 13

Is there a way to change the text for the share button?
Also is there a way to add support for @ and # ?

Since this new update (0.1.6), on iOS, it's not possible to access at the gallery like before. After to click on the thumb picture, you just have a black screen with the cancel button and you can't see or access at the gallery with all your own photos and album. So it's not possible to access and play with images.

Is it a new things to do to have access to the media ?
This what I added in my info.plist in the previous version and it's worked fine :

<key>NSPhotoLibraryUsageDescription</key>
<string>Privacy - Photo Library Usage Description</string>
<key>NSMotionUsageDescription</key>
<string>Motion usage description</string>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>NSPhotoLibraryAddUsageDescription</string>

Thanks by advance :)

Instead of selecting an image from this editor, giving an option to pass an image to this editor screen would be helpful

Is there a way for the image that is selected to cover the view and not have the background shown?

e: D:\src\flutter.pub-cache\hosted\pub.dartlang.org\photo_manager-1.3.10\android\src\main\kotlin\top\kikt\imagescanner\core\PhotoManagerPlugin.kt: (101, 34): Type mismatch: inferred type is Boolean? but Boolean was expected
e: D:\src\flutter.pub-cache\hosted\pub.dartlang.org\photo_manager-1.3.10\android\src\main\kotlin\top\kikt\imagescanner\core\PhotoManagerPlugin.kt: (101, 39): Type mismatch: inferred type is Boolean? but Boolean was expected
e: D:\src\flutter.pub-cache\hosted\pub.dartlang.org\photo_manager-1.3.10\android\src\main\kotlin\top\kikt\imagescanner\core\PhotoManagerPlugin.kt: (128, 36): Type mismatch: inferred type is Boolean? but Boolean was expected
e: D:\src\flutter.pub-cache\hosted\pub.dartlang.org\photo_manager-1.3.10\android\src\main\kotlin\top\kikt\imagescanner\core\PhotoManagerPlugin.kt: (128, 41): Type mismatch: inferred type is Boolean? but Boolean was expected

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':photo_manager:compileDebugKotlin'.

A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction
Compilation error. See log for more details

• Try:

Run with --stacktrace option to get the stack trace.
Run with --info or --debug option to get more log output.
Run with --scan to get full insights.

• Get more help at https://help.gradle.org

BU�LD FAILED in 57s
Exception: Gradle task assembleDebug failed with exit code 1

On iOS, fontList seem doesn't work or maybe I do wrong things.

I have my fonts in my pubspec.yaml and I can see and use them normally (for example with an usual style TextStyle(fontFamily: 'MyOwnArial')

in stories_editor, I use fontList to params my fonts :

fontList: const [
'MyOwnArial',
'SansFransisco',
'cartoons'
],

I can see a 3 selections but all have the same default style in thumb and when I use it.
What I do wrong? :)

PS: sorry to spam you Camilo :))

When using latest repo creating mp4 taking to much time and creating bag amount of frames

Not a bug but a quick feedback on iOS to help to improve UX :)

1/ Thumb pictures (grid pick image)
When you pick an image in your gallery, each image inside the grid have a white top and bottom border. Images to pick-up aren't cropped to take full space like usually.

2/ Menu album (dropdown directory)
The list of the album (directories) aren't order by alphanumeric or date. Usually on iOS, you have first, your Recents et Favorites default albums and after all the other album listed by alphanumeric.

It seems we had a branch for creating mp4 and gif stories previously, I am currently working on a video editing feature and would like to use that code, I will also push all the optimisation related changes that I make for that and can maintain this repo if required. Could you please restore that branch?

how to decreas size according to content .because rightnow this library gives fix size if content is one text or large text.

Hi Camilo,
you are leaving an exposed Giphy API key in your example. This can lead to several security and usage problems. I strongly suggest you to remove it.

Everyone may not want giphy feature in an image editor, or this package should be able to use without it, so it would be good if this is made an optional feature, in addition to existing features

I have an issue with the iOS, the phone gallery doesn't work. When I tap to open the images it just show black screen.

Here is the screenshot https://prnt.sc/q2_01LwmxPZL

Here is the permission for info.plist as per your instructions

NSPhotoLibraryAddUsageDescription
NSPhotoLibraryAddUsageDescription
NSPhotoLibraryUsageDescription
Privacy - Photo Library Usage Description
NSMotionUsageDescription
Motion usage description

I noticed within this that it saves a position, but I've had issues with getting that to work to display what I have created.

Right now I am trying to get the various bounds & use that but still having issues.

Currently, I am using this extension:

extension GlobalKeyExtension on GlobalKey {
  Rect? get globalPaintBounds {
    final renderObject = currentContext?.findRenderObject();
    final translation = renderObject?.getTransformTo(null).getTranslation();
    if (translation != null && renderObject?.paintBounds != null) {
      final offset = Offset(translation.x, translation.y);
      return renderObject!.paintBounds.shift(offset);
    } else {
      return null;
    }
  }
}

Then on the Container or SizedBox of the Custom Widget I am adding, I would set a key like so:

final myCustomContainerKey = GlobalKey();

Container(
    key: myCustomContainerKey,
    child: ...

Saving the positionings:

'left': myCustomContainerKey.globalPaintBounds!.left,
'top': myCustomContainerKey.globalPaintBounds!.top,
'right': myCustomContainerKey.globalPaintBounds!.right,
'bottom': myCustomContainerKey.globalPaintBounds!.bottom,

When I display the UI again:

Positioned.fromRect(
      rect: Rect.fromLTRB(
        (left is int) ? left.toDouble() : left,
        (top is int) ? top.toDouble() : top,
        (right is int) ? right.toDouble() : right,
        (bottom is int) ? bottom.toDouble() : bottom,
      ),
      child: ...

This has been working pretty decent if I stay within the same device or simulator, but if I am doing this on an iPhone 14 Pro & then switch to an SE, the widgets will be in the wrong position or off-screen.

What would be the best way to save the positioning & keep it responsive among screen sizes?

Hi!
Congratulations for your a great job! I tried on iOS, it's work pretty well and really pleasant to use it :) Some feature are even more confortable than insta :))

On iOS, you have a close button on the top left, but nothing happen when I click on it. I would like to be back to my previous screen. For now, I use my a Widget with "middleBottomWidget" to have a cancel button but it will be nicer to use your original button :) Or how to manage somes actions on it like you can do with the onDone ?

I'm really glad to use this new package and excited to see the next evolution :)
Thank you for your work!

When using the close button the popup gives a bottom overflowed by 16 pixels for what looks like the cancel button.