开发者问题收集

TypeError:null 不是对象(评估‘_ReanimatedModule.default.createNode’)

2020-07-31
22111

我无法解决这个问题,并查看了以下文档 https://www.npmjs.com/package/react-native-tab-view

在此处输入图像描述

此外,我没有遇到有关此问题的任何文档。我使用了上述链接中提到的相同示例代码。

import * as React from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';
import { TabView, SceneMap } from 'react-native-tab-view';
 
const FirstRoute = () => (
  <View style={[styles.scene, { backgroundColor: '#ff4081' }]} />
);
 
const SecondRoute = () => (
  <View style={[styles.scene, { backgroundColor: '#673ab7' }]} />
);
 
const initialLayout = { width: Dimensions.get('window').width };
 
export default function TabViewExample() {
  const [index, setIndex] = React.useState(0);
  const [routes] = React.useState([
    { key: 'first', title: 'First' },
    { key: 'second', title: 'Second' },
  ]);
 
  const renderScene = SceneMap({
    first: FirstRoute,
    second: SecondRoute,
  });
 
  return (
    <TabView
      navigationState={{ index, routes }}
      renderScene={renderScene}
      onIndexChange={setIndex}
      initialLayout={initialLayout}
    />
  );
}
 
const styles = StyleSheet.create({
  scene: {
    flex: 1,
  },
});

我该如何解决这个问题?

npm version is 6.14.4
React-native version is 0.62.2
react-native-tab-view: "^2.15.0"
react-native-gesture-handler: "^1.6.1"
react-native-reanimated: "^1.10.1"
@react-native-community/masked-view: "^0.1.10"
3个回答

将 react-native-gesture-handler 升级到 1.7.0

Prajna
2020-08-03

运行 npm i [email protected] 。清除缓存并重新构建。

从 0.59 版开始无需链接,因为它会自动链接依赖项。

Jopsy
2021-03-07

我在使用 @react-navigation/drawer 时遇到了此错误,此方法对我有用。

  1. npm i react-native-reanimated
  2. 在 ' <your_app_root_folder> /babel.config.js' 中的预设下方添加 plugins: ['react-native-reanimated/plugin'],
  3. import 'react-native-gesture-handler'; 添加到 ' <your_app_root_folder> /App.js' 的顶部。
  4. 使用 npx react-native start --reset-cache 重置缓存。
2022-06-06