callstack / callstack/react-native-paper

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

Open
#4,112 4 comments 1 reaction 1 assignee Claimed by @lukewalczak View on GitHub
bug dependencies
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### 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", ]
Screenshot 2023-10-04 at 5 41 34 PM

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.