callstack / callstack/react-native-paper

Menu First Render failure on React Native Windows

未关闭
#3,793 6 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug Menu
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

### Current behaviour
In the video below, running on react-native-windows (.71), on attempting to open menu the first time after load, the menu is rendered in an improper location and with no menu items.

If able to dismiss the initially rendered menu, then touch the anchor element again, the menu renders properly the second time with menu items rendered properly as well.

https://user-images.githubusercontent.com/104597574/228964703-3e10dcc5-9d9d-43b8-bd8c-8a3fde5075d1.mp4

### Expected behaviour
On first render, setting show attribute to true, menu should render fully, properly positioned with menu items.

### How to reproduce?
Create new react native project with react native windows and implement simple menu.
https://github.com/acaininet/RNWPaperMenu0323

### Preview
Video attached above.

### What have you tried so far?
Various manipulation of containing elements, all the way down to most elemental (current version of code, with only as container. Various types of anchors, from more complex, including clickableopacity, down to Paper Button.

### Your Environment

| software | version
| --------------------- | -------
|+-- @babel/core@7.21.3
+-- @babel/preset-env@7.20.2
+-- @babel/runtime@7.21.0
+-- @react-native-community/eslint-config@3.2.0
+-- @tsconfig/react-native@2.0.3
+-- @types/jest@29.5.0
+-- @types/react-test-renderer@18.0.0
+-- @types/react@18.0.29
+-- babel-jest@29.5.0
+-- eslint@8.36.0
+-- jest@29.5.0
+-- metro-config@0.73.9
+-- metro-react-native-babel-preset@0.73.8
+-- prettier@2.8.7
+-- react-native-paper@5.5.1
+-- react-native-safe-area-context@4.5.0
+-- react-native-vector-icons@9.2.0
+-- react-native-windows@0.71.4
+-- react-native@0.71.4
+-- react-test-renderer@18.2.0
+-- react@18.2.0
`-- typescript@4.8.4

贡献指南

打开贡献指南

调研方向

首先,在 React Native Windows 0.71.4 上使用链接的 RNWPaperMenu0323 示例复现首次打开失败的问题,然后跟踪菜单的初始渲染和定位路径。完成的标准是:菜单在第一次尝试时即可完全打开,其项目存在且位置正确,并符合预期行为。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native
领域
desktop, frontend
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。