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

Turkish Character Display Problem on Android; Letters "i" turn into "ı" #44183

Open
semcak1 opened this issue Apr 22, 2024 · 4 comments
Open
Labels
Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. Needs: Attention Issues where the author has responded to feedback. Needs: Version Info Platform: Android Android applications.

Comments

@semcak1
Copy link

semcak1 commented Apr 22, 2024

Description

I am developing an application with react native.
I have a language font file called Gesta. It supports the Turkish language.
I do not encounter any problems on the iOS side
On the android side
If the language of the device is English, the fonts are displayed properly.
If the language of the device is Turkish, the letters "i" turn into the letter "ı". I want to see each letter as it is, how can I correct this?

Steps to reproduce

  1. Add Gesta fonts to react-native
    download font by this link - > Gesta-Regular.ttf.zip
    to add the font to project look at this. - > https://dharasapariya.medium.com/a-guide-on-using-custom-fonts-in-react-native-android-6ef20d88c75f
  2. Open terminal and move to project root then run "npm run android" or "yarn android"
  3. If the device language is English, you will not see any mistakes in the fonts.
  4. Then go to Language Settings in Device ( Emulator or Real ), Settings -> System -> Languages
  5. Add Turkish language. And set it, ( move it up)
  6. Re run the app.
  7. You will see "i" letters turn into "ı".

React Native Version

0.73.5

Affected Platforms

Runtime - Android

Output of npx react-native info

System:
    OS: macOS 14.4.1
    CPU: (12) arm64 Apple M2 Pro
    Memory: 72.73 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 16.20.2 - /var/folders/wj/qz_yjcdx7fd99qb06y7dt_f9k6zxbt/T/yarn--1713796063065-0.18942484615667166/node
    Yarn: 1.22.21 - /var/folders/wj/qz_yjcdx7fd99qb06y7dt_f9k6zxbt/T/yarn--1713796063065-0.18942484615667166/yarn
    npm: 8.19.4 - ~/.nvm/versions/node/v16.20.2/bin/npm
    Watchman: 2024.01.22.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.15.2 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 23.2, iOS 17.2, macOS 14.2, tvOS 17.2, visionOS 1.0, watchOS 10.2
    Android SDK: Not Found
  IDEs:
    Android Studio: 2023.1 AI-231.9392.1.2311.11330709
    Xcode: 15.2/15C500b - /usr/bin/xcodebuild
  Languages:
    Java: 17.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0 
    react-native: 0.73.5 => 0.73.5
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Stacktrace or Logs

no logs

Reproducer

Screenshots and Videos

Result when device language is Turkish ( WRONG )
image

Result when device language is English ( CORRECT )
image

Copy link

⚠️ Add or Reformat Version Info
ℹ️ We could not find or parse the version number of React Native in your issue report. Please use the template, and report your version including major, minor, and patch numbers - e.g. 0.70.2

@github-actions github-actions bot added Needs: Author Feedback Platform: Android Android applications. Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. and removed Needs: Triage 🔍 labels Apr 22, 2024
@cortinico
Copy link
Contributor

  1. Add Gesta fonts to react-native
    download font by this link - > Gesta-Regular.ttf.zip
    to add the font to project look at this. - > dharasapariya.medium.com/a-guide-on-using-custom-fonts-in-react-native-android-6ef20d88c75f

Please create a reproducer with that font using this template:
https://github.com/new?template_name=reproducer-react-native&template_owner=react-native-community

@khayym
Copy link

khayym commented Apr 22, 2024

I also faced this issue.

@github-actions github-actions bot removed the Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. label Apr 25, 2024
@semcak1
Copy link
Author

semcak1 commented Apr 25, 2024

reproducer added.

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Apr 25, 2024
@cortinico cortinico added the Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. label Apr 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Issue: Author Provided Repro This issue can be reproduced in Snack or an attached project. Needs: Attention Issues where the author has responded to feedback. Needs: Version Info Platform: Android Android applications.
Projects
None yet
Development

No branches or pull requests

3 participants