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

Scaling a view on iOS has pixellation while on Android it looks good

Open ulisesmac opened this issue 1 year ago • 2 comments

Description

I'm working in an app where I'm creating very small views and then scaling them.

The scaling result looks good on Android, but on iOS it is pixelated.

I already tried the shouldRasterizeOnIOS and it has no effect.

Steps to reproduce

  1. Create a view wight a border set
  2. Apply trasform scale to its styles (preferably a big number)
  3. Compare the result between Android and iOS, on iOS it's pixelated

React Native Version

0.73.2

Affected Platforms

Runtime - iOS

Output of npx react-native info

System:
  OS: Linux 6.6 Fedora Linux 39 (Workstation Edition)
  CPU: (16) x64 12th Gen Intel(R) Core(TM) i7-1260P
  Memory: 23.50 GB / 30.96 GB
  Shell:
    version: 5.2.26
    path: /bin/bash
Binaries:
  Node:
    version: 20.10.0
    path: /usr/bin/node
  Yarn:
    version: 1.22.19
    path: /usr/bin/yarn
  npm:
    version: 10.2.3
    path: /usr/bin/npm
  Watchman: Not Found
SDKs:
  Android SDK:
    API Levels:
      - "30"
      - "31"
      - "32"
      - "33"
      - "33"
      - "34"
    Build Tools:
      - 30.0.3
      - 33.0.0
      - 33.0.1
      - 34.0.0
    System Images:
      - android-30 | Google APIs Intel x86 Atom
      - android-30 | Google Play Intel x86 Atom
      - android-31 | Intel x86_64 Atom
      - android-31 | Google APIs Intel x86_64 Atom
      - android-32 | Google APIs Intel x86_64 Atom
      - android-33 | Google Play Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: Not Found
Languages:
  Java:
    version: 17.0.9
    path: /usr/bin/javac
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react: Not Found
  react-native: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: Not found
  newArchEnabled: false



### Stacktrace or Logs

```text
no logs

Reproducer

https://snack.expo.dev/@ulisesm/great-edamame

Screenshots and Videos

Android: image

iOS: image

ulisesmac avatar Feb 03 '24 20:02 ulisesmac

: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 Feb 03 '24 20:02 github-actions[bot]

I found this issue: https://github.com/facebook/react-native/issues/30022

But it's closed without answers

ulisesmac avatar Feb 03 '24 20:02 ulisesmac

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

react-native-bot avatar Aug 02 '24 05:08 react-native-bot

This issue was closed because it has been stalled for 7 days with no activity.

react-native-bot avatar Aug 09 '24 05:08 react-native-bot