Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issue In The RTL View #199

Open
MahmoodAbuIssa96 opened this issue Sep 19, 2021 · 17 comments · May be fixed by #301
Open

Issue In The RTL View #199

MahmoodAbuIssa96 opened this issue Sep 19, 2021 · 17 comments · May be fixed by #301
Labels
Need more info Your information is insufficient and requires more info/info to solve the issue.

Comments

@MahmoodAbuIssa96
Copy link

Hi...
I'm had used this library with 3.0.5 version, and it was works just fine.
when I did update for the latest version (4.3.0), I got problem in showing the floating action in RTL.
the icons and part of the text are missing

image

@prateekmedia
Copy link
Collaborator

Use switchLabelPosition property and set it to true when using RTL. Just to remind you this library is not being maintained currently.

@MahmoodAbuIssa96
Copy link
Author

If I but switchLabelPostion to true, it will switch the label and the icon positions, And i don't want that.
I just wanted to show it properly!

This is how it should look like (using 3.0.5 version):
image

And this is how it's now (using 4.3.0 version):
image

there should be a way to show it properly or adding some margin or offset !!
PS: I don't think the default view of the actions in the RTL view should be out of the screen

@OrabiDev
Copy link

I face the same problem any solution guys

@OrabiDev
Copy link

it will be awesome if you follow the directionality with up and down direction

@a7md0
Copy link

a7md0 commented Dec 13, 2021

Same issue here, any idea what widget/configuration causing this in the plugin?

@MahmoodAbuIssa96
Copy link
Author

@a7md0 until now not fixed, downgrade to 3.0.5

@luca-colazzo
Copy link
Collaborator

If I but switchLabelPostion to true, it will switch the label and the icon positions, And i don't want that. I just wanted to show it properly!

This is how it should look like (using 3.0.5 version):
image

No offense, but I'm not arabic, so I don't see the difference between what you want and what I see by putting switchLabelPosition to true

That's what I see:
image

Please show me what's the issue so I can try to fix that

-using latest version: 5.1.0

@luca-colazzo luca-colazzo added the Need more info Your information is insufficient and requires more info/info to solve the issue. label Apr 2, 2022
@luca-colazzo
Copy link
Collaborator

No answer for more than 2 weeks. Closing as it works on my machine

@luca-colazzo luca-colazzo removed the Need more info Your information is insufficient and requires more info/info to solve the issue. label Apr 18, 2022
@tarekmabdallah91
Copy link

tarekmabdallah91 commented Nov 10, 2022

Dears @prateekmedia @luca-colazzo ,
please your support, I faced this issue when showing the floating action in RTL, using v 6.2.0,
tried v 5.1.0 and found the same issue.

when set switchLabelPosition and locate at FloatingActionButtonLocation.endFloat

image

@luca-colazzo luca-colazzo reopened this Nov 14, 2022
@luca-colazzo luca-colazzo added the Need more info Your information is insufficient and requires more info/info to solve the issue. label Nov 14, 2022
@luca-colazzo
Copy link
Collaborator

Can you please be more specific?

@tarekmabdallah91
Copy link

@luca-colazzo

when my app is in RTL mode for Arabic or Urdu languages , the speedDial children are not aligned as expected like this one
image

switchLabelPosition value is depending on the current local
and the position for speedDial set as floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,

but the result as shown in the last comment

tried versions 6.2.0 and 5.1.0 and have the same result

@lielgut
Copy link

lielgut commented Dec 16, 2022

I have the same issue. when I use hebrew with "switchLabelPosition: true" then the icons are now shown on screen

@Eng-Mohamed-Elsayed
Copy link

Eng-Mohamed-Elsayed commented Feb 16, 2023

when changing RTL lang Arabic Hedin icon how can fix it ??

@Eng-Mohamed-Elsayed
Copy link

Eng-Mohamed-Elsayed commented Feb 16, 2023

when changing RTL lang Arabic Hedin icon how can fix it ??

error when using the label

@Eng-Mohamed-Elsayed
Copy link

when changing RTL lang Arabic Hedin icon how can fix it ??

error when using the label

fixing using labelWidget no used label
Mostly label not support RTL

@MrOsamah
Copy link

To reproduce this weird behavior, change the device language to RTL language, with the FAB aligned as bottomEnd, and the speed dial direction as SpeedDialDirection.up.

image

If we use switchLabelPosition we could see the child's labels but it's not aligned correctly.

image

It appears that the labels are rendered as RTL, but I think there's an issue in the offset of the CompositedTransformFollower widget, but I am not sure.

@paulcappadona
Copy link

I have had a go at trying to fix this. I have only tested for SpeedDialDirection.up so far.

The updated code is available here https://github.com/paulcappadona/flutter_speed_dial.git

You can set it up in your pubspec.yaml as follows
flutter_speed_dial: path: https://github.com/paulcappadona/flutter_speed_dial.git

@ansshkki ansshkki linked a pull request Apr 3, 2023 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Need more info Your information is insufficient and requires more info/info to solve the issue.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

10 participants