@react-navigation/stack库 TextInput组件可以穿透下个页面点击 #37
Description
描述 / Description
问题场景：A页面有输入框，跳转到B页面，B页面跳转到C页面，C页面返回到B页面，点击B页面按钮（B页面没有输入框）会弹出键盘。
根因：B跳转到C,A页面display:none,C跳转到B，A页面display:flex。在这个过程中A页面元素有个销毁到重新渲染的过程。这块逻辑在react-native-screens中实现的，此库尚未鸿蒙化。
当前规避方案：修改navigation/stack库，在node_modules/@react-navigation/stack/src/views/Screens.tsx 中用到了react-native-screens库，此库尚未鸿蒙化。找到Screens.tsx中找到MaybeScreen替换以下代码即可：
修改处如下：
export const MaybeScreen = ({
enabled,
active,
...rest
}: ViewProps & {
enabled: boolean;
active: 0 | 1 | Animated.AnimatedInterpolation<0 | 1>;
children: React.ReactNode;
freezeOnBlur?: boolean;
}) => {
if (Screens != null && Platform.OS !==='harmony') {
return (
<Screens.Screen enabled={enabled} activityState={active} {...rest} />
);
}
return <View {...rest} />;
};
复现步骤 / Steps to reproduce
No response
库版本 / Library version
6.4.0-0.0.4
React Native OpenHarmony version
0.72.29
构建类型 / Build type
Debug app & dev bundle
设备 / Device
Real device
设备版本 / Device model
Mate 60 pro(NEXT.0.0.66)
已悉知 / Acknowledgements
Yes