kylefang/react-navigation
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-navigation.git synced 2026-02-07 09:19:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: set correct pointer events when active prop changes

Browse Source
This commit is contained in:
Michal Osadnik
2019-08-18 21:56:54 +01:00
parent aab51ebaca
commit bdda89d8ee
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/stack/src/views/Stack/PointerEventsView.tsx
View File

@@ -27,6 +27,13 @@ export default class PointerEventsView extends React.Component<Props> {
this.props.active ? TRUE : FALSE
);
componentDidUpdate(prevProps: Props) {
if (this.props.active !== prevProps.active) {
this.pointerEventsEnabled.setValue(this.props.active ? TRUE : FALSE);
this.setPointerEventsEnabled(this.props.active);
}
}
private exec = block([
cond(
greaterThan(this.props.progress, MIN_PROGRESS),
@@ -40,13 +47,17 @@ export default class PointerEventsView extends React.Component<Props> {
onChange(
this.pointerEventsEnabled,
call([this.pointerEventsEnabled], ([value]) => {
const pointerEvents = this.props.active && value ? 'box-none' : 'none';
this.root && this.root.setNativeProps({ pointerEvents });
this.setPointerEventsEnabled(Boolean(this.props.active && value));
})
),
]);
private setPointerEventsEnabled = (enabled: boolean) => {
const pointerEvents = enabled ? 'box-none' : 'none';
this.root && this.root.setNativeProps({ pointerEvents });
};
private root: View | null = null;
render() {