[console warn] "textAlignVertical" style is deprecated. Use "verticalAlign" #2587

[sohil-drooar]

Is there an existing issue for this?

• [X] I have searched the existing issues

Describe the issue

Issue Title: Deprecation Warning: 'textAlignVertical'

Description: The 'textAlignVertical' style is deprecated and should be replaced with 'verticalAlign' in our codebase. This deprecation warning is affecting our application's styling and should be resolved.

Expected behavior

Expected Behavior: The deprecation warning should be resolved by replacing 'textAlignVertical' with 'verticalAlign' in the affected code.

• "textAlignVertical" style is deprecated. Use "verticalAlign".
• props.pointerEvents is deprecated. Use style.pointerEvents
• "shadow*" style props are deprecated. Use "boxShadow".
• "transform" style array value is deprecated. Use space-separated string functions, e.g., "scaleX(2) rotateX(15deg)".
• accessibilityRole is deprecated. Use role.
• editable is deprecated. Use readOnly.
• selectable prop is deprecated. Use styles.userSelect.

Steps to reproduce

Steps to Reproduce:

1. Open the application.
2. run test case using jest
3. Observe the console for deprecation warnings.

Test case

https://codesandbox.io/s/holy-fog-2qdp8w

Additional comments

Additional Information:

• Environment: [React Native, React Native Web]
• Version: ["react-native-web": "^0.19.9", ]

[Alwinseb01]

Hi, I would like to work on this

[lukewalczak]

Hey Folks, please hold off on working on this issue for now. We need to thoroughly investigate it and make a decision on how to approach it. I will assign myself to have it on the radar.

[lukewalczak]

Hey @sohil-drooar, are you able to suppress warnings using LogBox as an interim solution:

LogBox.ignoreLogs(['Warning: ...']);

[mathias-berg]

Hi @lukewalczak , any update on this?