Giter Club home page Giter Club logo

Comments (17)

amafsoftoman avatar amafsoftoman commented on August 12, 2024 1

@suragch

I totally agreed with you.
I've got the idea from the flutter itself; you can check the LinearProgressIndicator widget. you can see that it changes the direction according to the context.

Are there some other popular apps that use RTL audio or video controls that I could check out?

I don't think there is examples as far as i know. And I think its ok for a progress bar to be LTR on a RTL app, it just will make more sense if it switches the directions according to the app context.

For the record, I've tried to use Transform widget to flip the progress bar horizontally, it worked but not with labels. I'm sure this is a bad practice, however, it's a workaround that might be handy.

Transform(
     alignment: Alignment.center,
     transform: Matrix4.rotationY(math.pi),
     child: ProgressBar(...),
)

I guess we wait to see if this interests others.
Thank you.

from audio_video_progress_bar.

amafsoftoman avatar amafsoftoman commented on August 12, 2024 1

from audio_video_progress_bar.

MohamadGreatWarrior avatar MohamadGreatWarrior commented on August 12, 2024 1

Interested in RTL support.

from audio_video_progress_bar.

amafsoftoman avatar amafsoftoman commented on August 12, 2024 1

Interested in RTL support.

@MohamadGreatWarrior

It would be awesome if this package supported right-to-left (RTL) direction. However, for the time being, I've managed to achieve the desired results by utilizing the Flutter Transform.flip widget. I disabled the default labels and created custom ones connected to the progress listener.

This solution works perfectly, but it's just a workaround. It essentially involves integrating built-in components with a custom coding approach

from audio_video_progress_bar.

suragch avatar suragch commented on August 12, 2024

Can you make an image of what you would like it to look like? I'm not so familiar with how progress bars should look in RTL format.

from audio_video_progress_bar.

amafsoftoman avatar amafsoftoman commented on August 12, 2024

The thumb animation/movement start from right to the left

TRl.jpg

from audio_video_progress_bar.

suragch avatar suragch commented on August 12, 2024

how about the labels?

from audio_video_progress_bar.

amafsoftoman avatar amafsoftoman commented on August 12, 2024

The labels too, needs to change positions if RTL selected

from audio_video_progress_bar.

suragch avatar suragch commented on August 12, 2024

The labels too, needs to change positions if RTL selected

Can you add those to your image?

from audio_video_progress_bar.

amafsoftoman avatar amafsoftoman commented on August 12, 2024

The labels too, needs to change positions if RTL selected

Can you add those to your image?

TRl.jpg

from audio_video_progress_bar.

suragch avatar suragch commented on August 12, 2024

@amafsoftoman

Thank you for the clarification. This is an interesting concept. I was previously aware of RTL text but I didn't realize that it affected things like audio controls. That makes sense, though.

Since this would require a significant change to the internal implementation of the code, I'd like to find out how big of a need this is. Are there some other popular apps that use RTL audio or video controls that I could check out?

from audio_video_progress_bar.

suragch avatar suragch commented on August 12, 2024

Are you building an audio app yourself?

from audio_video_progress_bar.

amafsoftoman avatar amafsoftoman commented on August 12, 2024

from audio_video_progress_bar.

suragch avatar suragch commented on August 12, 2024

@amafsoftoman

If the transform works without the labels, you could turn the labels off and make your own labels with text widgets. That could be a temporary fix while we wait to see how many people are interested in this feature.

Another option would be to copy the source code to your app and modify it to your desired behavior.

If either of these things work for you, it would be helpful if you linked to your code so that others can see how you do it.

from audio_video_progress_bar.

BraveEvidence avatar BraveEvidence commented on August 12, 2024

This will help https://www.youtube.com/watch?v=IMQdSTlTXjA

from audio_video_progress_bar.

ThusithaDeepal avatar ThusithaDeepal commented on August 12, 2024

is there any solution for this?RTL support?

from audio_video_progress_bar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.