У меня есть следующее Snack Expo
:
https://snack.expo.io/rJ4mAxhmV
Затем я попытался обновить версию react-navigation
до 3.0.9
и вот результат:
https://snack.expo.io/rkPpag2mV
Вот единственные изменения, которые я применил к первоначальному проекту:
Текстовый режим ниже:
diff --git a/App.js b/App.js
index 7f4eaf7..09ff71d 100644
--- a/App.js
+++ b/App.js
@@ -10,7 +10,7 @@ import {
type Theme,
} from 'react-native-paper';
import createReactContext from 'create-react-context';
-import { createDrawerNavigator } from 'react-navigation';
+import { createDrawerNavigator, createAppContainer } from 'react-navigation';
import RootNavigator from './src/RootNavigator';
import DrawerItems from './DrawerItems';
@@ -21,7 +21,7 @@ type State = {
const PreferencesContext: any = createReactContext();
-const App = createDrawerNavigator(
+const DrawerNavigator = createDrawerNavigator(
{ Home: { screen: RootNavigator } },
{
contentComponent: () => (
@@ -42,6 +42,8 @@ const App = createDrawerNavigator(
}
);
+const App = createAppContainer(DrawerNavigator);
+
export default class PaperExample extends React.Component<{}, State> {
state = {
theme: DefaultTheme,
diff --git a/package.json b/package.json
index 4e6d18a..eb2aec0 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,6 @@
"prop-types": "^15.0.0",
"react-lifecycles-compat": "^3.0.4",
"react-native-paper": "2.4.0",
- "react-navigation": "^2.18.2"
+ "react-navigation": "^3.0.9"
}
}
\ No newline at end of file
Моя проблема в том, что при нажатии на любую запись в списке я получаю сообщение об ошибке:
Device: (3:209750) TypeError: TypeError: e._panGestureHandler.current.setNativeProps is not a function. (In 'e._panGestureHandler.current.setNativeProps({hitSlop:s,activeOffsetX:u*o})', 'e._panGestureHandler.current.setNativeProps' is undefined)
Как вы можете видеть здесь:
Есть идеи, как это исправить?
Если возможно, пожалуйста, предоставьте ссылку с исправлением Snack Expo
.
Спасибо!