Skip to content

Surface - borderBottomWidth positioning issue on iOS #4372

@CelestialWorthy

Description

@CelestialWorthy

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

This is how it looks in android :
android

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions