callstack / callstack/react-native-paper

Surface - borderBottomWidth positioning issue on iOS

オープン
#4,372 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug Surface
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
12

説明

### 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

Surface コンポーネントから始め、報告されている React Native と react-native-paper のバージョンを使用して iOS での borderBottomWidth の動作を再現し、Android と比較します。Surface が下辺のボーダーをどのようにレンダリングするかを追跡します。完了の条件は、Android と同様に iOS の下部に 1dp のボーダーが表示されることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react-native, typescript
領域
mobile
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。