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

fix: use .native for masked view instead of .web

Browse Source
This commit is contained in:
Satyajit Sahoo
2020-02-03 05:47:25 +01:00
parent ba85db28d4
commit abdf9d12b5
3 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/stack/src/views/MaskedView.native.tsx Normal file
View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import { UIManager } from 'react-native';
import RNCMaskedView from '@react-native-community/masked-view';
type Props = React.ComponentProps<typeof RNCMaskedView> & {
children: React.ReactElement;
};
const isMaskedViewAvailable =
// @ts-ignore
UIManager.getViewManagerConfig('RNCMaskedView') != null;
export default function MaskedView({ children, ...rest }: Props) {
if (isMaskedViewAvailable) {
return <RNCMaskedView {...rest}>{children}</RNCMaskedView>;
}
return children;
}

15
packages/stack/src/views/MaskedView.tsx
View File

@@ -1,19 +1,10 @@
import * as React from 'react';
import { UIManager } from 'react-native';
import RNCMaskedView from '@react-native-community/masked-view';
type Props = React.ComponentProps<typeof RNCMaskedView> & {
type Props = {
maskElement: React.ReactElement;
children: React.ReactElement;
};
const isMaskedViewAvailable =
// @ts-ignore
UIManager.getViewManagerConfig('RNCMaskedView') != null;
export default function MaskedView({ children, ...rest }: Props) {
if (isMaskedViewAvailable) {
return <RNCMaskedView {...rest}>{children}</RNCMaskedView>;
}
export default function MaskedView({ children }: Props) {
return children;
}

9
packages/stack/src/views/MaskedView.web.tsx
View File

@@ -1,9 +0,0 @@
import * as React from 'react';
type Props = {
children: React.ReactElement;
};
export default function MaskedView({ children }: Props) {
return children;
}