React Native got View is not defined but actually already defined the component

Question

I've got an error when creating new component in React Native

I don't know what causes this error because I already declare the View component

"react-native": "0.65.1"

the code in the component

import React from 'react';
import { Text, View } from 'react-native';
import Styles from './Styles';
import CommonUtils from '../../components/base/CommonUtils';
import Constant from '../../constants/Constant';

class FrequentlyAskedQuestion extends React.Component {

  navigationOptions = (route, navigation) => {
    return CommonUtils.getBackNavigationHeader(route, navigation, Constant.HEADER_TITLE.FAQ, 1, false, true);
  };

  constructor(props) {
    super(props);
    this.state = {

    }
  }

  componentDidMount() {
    this.props.navigation.setOptions(this.navigationOptions(this.props.route, this.props.navigation));
  }

  render() {
    return (
      <View>
        <Text>
          asda
        </Text>
      </View>
    )
  }
}

export default FrequentlyAskedQuestion;

Answer 1

Tried exactly with your code,couldnt replicate the error

https://snack.expo.dev/@gaurav1995/gnarly-marshmallows

 import React from 'react'; import { Text, View } from 'react-native'; class FrequentlyAskedQuestion extends React.Component { navigationOptions = (route, navigation) => { return null }; constructor(props) { super(props); this.state = { } } componentDidMount() { // this.props.navigation.setOptions(this.navigationOptions(this.props.route, this.props.navigation)); } render() { return ( <View> <Text> asda </Text> </View> ) } } export default FrequentlyAskedQuestion;

Answer 2

My bad, I made a mistake in the stack navigator of importing the component, it already solved

from import FrequentlyAskedQuestion from '../features/faq/faq';

to import FrequentlyAskedQuestion from '../features/faq/Faq';