react-native icon indicating copy to clipboard operation
react-native copied to clipboard

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

Open semcak1 opened this issue 10 months ago • 5 comments

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

  • https://github.com/semcak1/android-gestafont-issue.git

Screenshots and Videos

Result when device language is Turkish ( WRONG ) image

Result when device language is English ( CORRECT ) image

semcak1 avatar Apr 22 '24 14:04 semcak1

:warning: Add or Reformat Version Info
:information_source: 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[bot] avatar Apr 22 '24 14:04 github-actions[bot]

  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

cortinico avatar Apr 22 '24 20:04 cortinico

I also faced this issue.

khayym avatar Apr 22 '24 21:04 khayym

reproducer added.

semcak1 avatar Apr 25 '24 12:04 semcak1

Same here 🙌🏻 "i" letter should be "İ" when it is capitale, but shows "I".

saintyusuf avatar May 16 '24 16:05 saintyusuf