callstack / callstack/react-native-paper
Menu appearing behind other components
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
Hi! 👋
Firstly, thanks for your work on this project! 🙂
Today I used [patch-package](https://github.com/ds300/patch-package) to patch `react-native-paper@5.14.5` for the project I'm working on.
**Problem:** Menu was appearing behind other components.
Before:
After:
Here is the diff that solved my problem:
```diff
diff --git a/node_modules/react-native-paper/lib/typescript/core/PaperProvider.d.ts b/node_modules/react-native-paper/lib/typescript/core/PaperProvider.d.ts
index de236cc..feeba5f 100644
--- a/node_modules/react-native-paper/lib/typescript/core/PaperProvider.d.ts
+++ b/node_modules/react-native-paper/lib/typescript/core/PaperProvider.d.ts
@@ -5,6 +5,7 @@ export type Props = {
children: React.ReactNode;
theme?: ThemeProp;
settings?: Settings;
+ style?: StyleProp;
};
declare const PaperProvider: (props: Props) => React.JSX.Element;
export default PaperProvider;
diff --git a/node_modules/react-native-paper/src/core/PaperProvider.tsx b/node_modules/react-native-paper/src/core/PaperProvider.tsx
index 51839a5..d8f1a16 100644
--- a/node_modules/react-native-paper/src/core/PaperProvider.tsx
+++ b/node_modules/react-native-paper/src/core/PaperProvider.tsx
@@ -4,6 +4,8 @@ import {
Appearance,
ColorSchemeName,
NativeEventSubscription,
+ StyleProp,
+ ViewStyle,
} from 'react-native';
import SafeAreaProviderCompat from './SafeAreaProviderCompat';
@@ -18,6 +20,7 @@ export type Props = {
children: React.ReactNode;
theme?: ThemeProp;
settings?: Settings;
+ style?: StyleProp;
};
const PaperProvider = (props: Props) => {
@@ -109,7 +112,7 @@ const PaperProvider = (props: Props) => {
);
return (
-
+
{children}
```
This issue body was [partially generated by patch-package](https://github.com/ds300/patch-package/issues/296).
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu trong src/core/PaperProvider.tsx và so sánh khai báo Props của nó với tệp lib/typescript/core/PaperProvider.d.ts được tạo tự động. Tái hiện vấn đề xếp lớp của menu được thể hiện trong issue và xác minh rằng thay đổi styling của provider khiến menu hiển thị phía trên các component khác; báo cáo không nêu tên tệp test nào.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react-native, typescript
- Lĩnh vực
- frontend, mobile
- Loại issue
- Lỗi
- Độ khó
- 2/5
- Thời gian dự kiến
- 1-3 giờ
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 48/100