Hi,

I am using this awesome plugin but I have got an issue which is that I cant set the duration of the story item according to the duration of the video even though I am using the same controller instance in both of the story view & story item.

I hope you find a solution to this.

Thanks

This problem is only regarding video stories. There should be a way to specify the video story duration based on the duration of the actual video. For that, I think the videoplayercontroller.value.duration should be used as the default duration for video stories if any duration is not passed explicitly.

Hi Sir, This is not an issues . I have an idea to add a new features in story_view. Can we add a new features for changing the different Widgets as stories items...If this is possible.

I have added functionality to get feedback when video finished loading on StoryItem in order to play storyController only when video is start playing for real.

I have tested this iPhone 11 Pro Max and iPhone 8 Plus simulators. Placing my code below.

  @override
  Widget build(BuildContext context) {
    List<StoryItem> storyItems = _imageUrls.map((imageUrl) {
      return StoryItem.pageImage(CachedNetworkImageProvider(imageUrl));
    }).toList();

    return Scaffold(
      body: Stack(
        children: <Widget>[
          StoryView(
            storyItems,
            controller: controller, // pass controller here too
            repeat: true, // should the stories be slid forever
            onStoryShow: (s) {
              print("onStoryShow->${s.view}");
            },
          ),
          SafeArea(
            child: Column(
              children: <Widget>[
                SizedBox(height: 16,),
                Row(
                  children: <Widget>[
                    IconButton(
                      icon: Icon(Icons.close,color: Colors.white,),
                      onPressed: () {
                        Navigator.pop(context);
                      },
                    )
                  ],
                )
              ],
            ),
          )
        ],
      ),
    );
  }

Currently, there isn't any possibility of marking as read on server side. This functionality will allow to do some operation (maybe, an API call to backend) with the available metadata.

Thanks a lot for the plugin. I created a button inside Stories, but it doesn't work. When I press the button, I go to the next story. How to handle a button click?

Hi,

I am using your package for both images and videos. I am facing an issue when i swipe up or down on the screen (basically any action apart from tap), the story pauses and never resumes. Is there anyway to not register the swipe as a gesture/action? I.e. the story continues to play even if there is any slide/swipe gesture on the screen?

Thank you !

Just like Instagram & snapchat stories, we need to be able to swipe the screen down and be able to dismiss the page with possibly a fade + scale + translate transition.

Upgrade rxdart version from ^0.26.0 to ^0.27.1.

As I'm using stopwatch timer which uses rxdart ^0.27.1. There is an compatible issue

Because stop_watch_timer >=1.3.0 depends on rxdart ^0.27.1 and story_view 0.13.1 depends on rxdart ^0.26.0, stop_watch_timer >=1.3.0 is incompatible with story_view 0.13.1.

App crashes with error:

type '() => Null' is not a subtype of type '(() => StoryItem)?' of 'orElse'

throw from this part:

final firstPage = widget.storyItems.firstWhere((it) {
      return !it!.shown;
    }, orElse: () {
      widget.storyItems.forEach((it2) {
        it2!.shown = false;
      });

      return null;
    });

example:

@override
  Widget build(BuildContext context) {
      final storyItems = <StoryItem>[
        StoryItem.text(title: "page1", backgroundColor: Colors.red),
        StoryItem.text(title: "page2", backgroundColor: Colors.red),
        StoryItem.text(title: "page3", backgroundColor: Colors.red),
        StoryItem.text(title: "page4", backgroundColor: Colors.red),
      ];

    return StoryView(storyItems: storyItems, controller: storyController);
  }

Hello,

Whenever I open the stories, the first story's onStoryShow: (StoryItem storyItem) {} is called 3 times. It happens for whichever story you open for the first time, from the second story onwards, it's called single time only.

I have checked the parent widgets, they are never being called 3 times, it's only happening inside onStoryShow() callback. Also, I have checked the solution in https://github.com/blackmann/story_view/issues/14 but I am already following the same practice of defining the storyItems in initstate.

Here are some logs with timestamps: flutter: onStoryShow() -> storyID: 18. timestamp: 2023-01-07 16:10:02.302414. flutter: onStoryShow() -> storyID: 18. timestamp: 2023-01-07 16:10:02.359484. flutter: onStoryShow() -> storyID: 18. timestamp: 2023-01-07 16:10:02.600755.

Please help.

Current issue: Width of GestureDetector is not exactly half of the parent. Issue caused by the fix width set using SizedBox at 70px.

Fix: To use FractionallySizedBox to set widthFactor as half. Tested on both iOS and Redmi (Android) device.

I have a story view that has many slides.

Going to the next slide on tap on the image works fine. but when I try to go to the previous slide, it just resets the sliding duration of the current slider. And I tap it again, and it goes to the previous slide.

Is anyone else facing this issue?

My code:

        StoryViewer(
              key: UniqueKey(),
              viewerController: controller,
              customValues: Customizer(
                sendIcon: Icons.send,
                closeIcon: Icons.close,
                replyPlaceholder: "Message",
              ),
              hasReply: false,
              trusted: true,
              loop: false,
              progressBorderRadius:
                  const BorderRadius.all(Radius.circular(12)),
              progressRowPadding: const EdgeInsets.all(10),
              progressHeight: 6,
              backgroundColor: kGreyColor,
              mediaAlignment: Alignment.center,
              // auto go back if the aspect ratio is StoryRatio.r9_16
              // ratio: StoryRatio.r4_3,
              stories: storyItems,
              userModel: UserModel(
                username: widget.story.name,
                profilePicture: NetworkImage(widget.story.profileImage),
              ),
              onEachStoryLoadComplated: ({String? storyID}) {
                print(storyID);
              },
            ),

@override void initState() { super.initState();

initStoryPages(widget.index);

}

initStoryPages(int index) { index = index; for (int i = 0; i < widget.status[index].photoUrl.length; i++) { storyItems.add(StoryItem.pageImage( url: widget.status[index].photoUrl[i], controller: controller)); } }

StoryView( controller: controller, storyItems: storyItems, onComplete: () { print('current state ${controller.playbackNotifier.value}'); // here it is printed as paused

                setState(() {
                  index += 1;
               
                  if (storyItems.isNotEmpty) {
                    storyItems.clear();
                  }
                  if (index < widget.status.length) {
                    initStoryPages(index);
                  }
                  if (index >= widget.status.length) {
                    Navigator.pop(context);
                  }
                });

              
              },

First story is loaded from initstate and then second story from status list index in oncomplete method, after loading it gets paused, i tried controller.play(), nothing happens , if i click on the image then story resumes. please help me how to resolve this issue.

Hello, I have this exception when i play video on iOS only [VERBOSE-2:ui_dart_state.cc(209)] Unhandled Exception: PlatformException(VideoError, Failed to load video: Cannot Open, null, null)

I init the item :

 StoryItem.pageVideo(
            *my_url*,
            controller: storyController,
          )

When I play the same video with the video_player it still works correctly VideoPlayerController.network(**myurl**);

I saw some parts that it could come from the header of the video returned from the server. Here is my header :

Accept-Ranges: bytes
Content-Length: 37622786
Content-Type: application/octet-stream
Date: Sat, 17 Sep 2022 13:01:41 GMT
ETag: "cc865cd42a0f3b1a29ed59d2d5c684f3"
Last-Modified: Sat, 06 Aug 2022 14:21:42 GMT
Server: AmazonS3
x-amz-id-2: ***ID***
x-amz-request-id: ***ID***

This is a known issue ?