首页 > 解决方案 > ListView 已从 ReactNative 中移除

问题描述

我刚刚安装了该项目并在我的设备上运行它,但它显示错误“ListView 已从 ReactNative 中删除”。我不明白为什么会这样,因为我没有在项目中使用列表视图。这是屏幕截图。

在此处输入图像描述

我认为这个错误来自 node_modules 库。其中使用列表视图。

包.json

{
  "name": "demo_app",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "native-base": "^2.8.1",
    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-animatable": "^1.3.1",
    "react-native-exception-handler": "^2.10.2",
    "react-native-router-flux": "^4.0.6",
    "react-native-ui-kitten": "^3.1.2",
    "react-timer-mixin": "^0.13.4"
  },
  "devDependencies": {
    "@babel/core": "^7.5.0",
    "@babel/runtime": "^7.5.0",
    "@react-native-community/eslint-config": "^0.0.3",
    "babel-jest": "^24.1.0",
    "jest": "^24.1.0",
    "metro-react-native-babel-preset": "0.54.1",
    "react-test-renderer": "16.8.6"
  },
  "jest": {
    "preset": "react-native"
  }
}

应用程序.js

import React, { Component } from 'react';
import SplashScreen from "./src/components/main/SplashScreen";
import {
  BackHandler,
} from "react-native";
import { Root } from 'native-base';

import { Scene, Router, Actions } from 'react-native-router-flux';


export default class App extends Component {
  componentWillMount = () => {
    BackHandler.addEventListener('hardwareBackPress', () => Actions.pop());
  };

  render() {
    return (
      <Root>
        <Router>
          <Scene key="root">
            <Scene initial key="splash" component={SplashScreen} hideNavBar />

          </Scene>
        </Router>
      </Root>
    );
  }

}

闪屏.js

import React, { Component } from "react";

import {
  Image,
  StyleSheet,
  StatusBar,
  ImageBackground,
  AsyncStorage,
  View,
  Text,
  TouchableWithoutFeedback
} from "react-native";



export default class SplashScreen extends Component {
  static navigationOptions = {
    header: null,
    headerVisible: false
  };

  constructor(props) {
    super(props);
    StatusBar.setHidden(true);
    const { navigate } = this.props.navigation;
    this.state = {
      result: null
    };

  }

  render() {
    return (
      <View style={styles.container}>
      demo
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {},
  image: {
    height: 130,
    width: 240
  },
  overlay1: {
    position: "absolute",
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
    backgroundColor: "rgba(0, 0, 0, 0)"
  },
  linearGradient: {
    flex: 1,
    paddingLeft: 15,
    paddingRight: 15
  }
});

标签: react-native

解决方案


它来自原生基础

参考

当它被修复时,这是原生基础的另一个问题;)


推荐阅读