callstack / callstack/react-native-paper

Surface - borderBottomWidth positioning issue on iOS

Open
#4,372 2 comments 0 reactions 0 assignees View on GitHub
bug Surface
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
The borderBottomWidth property on the Surface component is not positioning the border at the bottom of the surface on iOS devices. Instead, the border appears in the middle of the surface.

### Expected behaviour
The borderBottomWidth property should render a border with a width of 1dp at the bottom of the Surface component, just like it does on Android.

### Preview
This is how it looks in ios :
![ios](https://github.com/callstack/react-native-paper/assets/147313410/873ffefe-5a68-4580-a0b1-77a5502626d9)

This is how it looks in android :
![android](https://github.com/callstack/react-native-paper/assets/147313410/886d2638-4f53-48f8-8e1c-9cbfdafa17a6)

### Your Environment

| software | version
| --------------------- | -------
| ios | 17.2.1
| android | 14
| react-native | 0.73.4
| react-native-paper | 5.12.3
| node | 18.17.1
| npm | 9.6.7
| expo sdk | x.x.x

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.