Minimizing mode

[Rikveet]

PIP MODE IN THE APP

Although pip mode was implemented for the Android app. It was missing the mini video mode which is available in the Twitch app.

This is a quality-of-life update to the app.

Feature implemented:

Twitch.App.mp4

Feature in the app:

Implemented.Feature.mp4

Changes made and How it is implemented:

• To implement this feature I added a new custom route that allows you to overlay the route.
• It is under the widgets folder named translucent_overlay_route.dart.
• Added a miniVedioMode variable to the video store and regenerated the stores.
• When the user drags down on the video, on_drag_end enables the mini-video mode.
• While in mini video mode when a user taps on the video it goes back to the full screen.
• Finally, while in mini video mode if the user drags horizontally it closes the video component(pops it).
• Finally, before a new video is pushed to the navigator all the routes are poped till the current route.
• This is used for all the routes that use VedioChat, I also implemented this for CategoryStreams to close any current running video before showing CategoryStreams.

Additional info:

This method does not interfere with the default pip mode for Android it still works even if the app is in mini video mode.

I have never worked with Flutter before so it is completely understandable to reject this feature update. I was unable to implement the hero widget animation for an additional sliding effect between full view and mini view.

Possible breaking change:

For some reason when I ran it. The SentryFlutter required DSN in its options as well. For now, I have added an empty string, as I don't know what this component of the app does. I highly recommend looking into it if you plan to use this code.
It can be found at main.dart line 50.

[tommyxchow]

Thank you for the PR, this looks very promising! I recently made some changes to the linting/formatting rules of the project so there are now a few conflicts, if you could fix those that would be great.

I have quite a bit on my backlog but will check it out fully soon enough and make a proper review.

[Rikveet]

• Merged with main.
• The only code conflict was the vedioChat variable in the channel.dart as I changed the logic of rendering it. I kept it as it is required for the feature to work.
• There is a bug in which the switch from large mode to small makes it reload the video component, if you do not have turbo or subscribed to the channel it will show ads. I believe this is happening due to the rendering logic.
• Over the next couple of days I will try and fix this bug.
• As mentioned in the last commit I managed to add slide animation between the maximize and minimize mode.
• I have also noticed a security risk, please join the Discord server so I can inform you.

[tonysathre]

Any chance of this feature being ported to iOS?

[Rikveet]

As far as I know, there should be no issue because it is in the app. This is not picture-in-picture mode that is only available on Andriod. This feature is the minimizing mode in the app so you can scroll for other streams.

[deminearchiver]

I think this feature should use an custom implementation of Dismissable with an AnimationController to add a nice animation, because without an animation it would look kind of unintuitive for users. I suggest you to look into DrawerController / showModalBottomSheet source code.