title: React native :Unable to resolve module Indeed, none of these files exist:
body: <p>I'm following <a href="https://medium.com/@farid12ansari7/floating-title-or-placeholder-text-input-field-react-native-5fb5932669d" rel="noreferrer">this medium article</a> to use <code>FloatingTitleTextInputField</code> in my react-native project</p>
  
  <p>below is my project structure</p>
  
  <p><a href="https://i.stack.imgur.com/FW8o2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FW8o2.png" alt="enter image description here"></a></p>
  
  <p>Here is my code for <code>HomeScreen.js</code></p>
  
  <pre><code>import React, {Component} from 'react';
  import {Text, View, TextInput, StyleSheet} from 'react-native';
  import FloatingTitleTextInputField from './customComponents/floating_title_text_input_field';
  
  
  
  export default class HomeScreen extends Component {
    render() {
      return (
        // &lt;View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}&gt;
        //   &lt;Text&gt;My First React App&lt;/Text&gt;
        //   &lt;TextInput style={{height: 40, borderColor: 'gray', borderWidth: 1}} /&gt;
        // &lt;/View&gt;
  
        &lt;View style={styles.container}&gt;
          &lt;View style={styles.container}&gt;
            &lt;Text style={styles.headerText}&gt;Its Amazing&lt;/Text&gt;
            &lt;FloatingTitleTextInputField
              attrName="firstName"
              title="First Name"
              value={this.state.firstName}
              updateMasterState={this._updateMasterState}
            /&gt;
            &lt;FloatingTitleTextInputField
              attrName="lastName"
              title="Last Name"
              value={this.state.lastName}
              updateMasterState={this._updateMasterState}
            /&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
    }
  }
  var styles = StyleSheet.create({
    container: {
      flex: 1,
      paddingTop: 65,
      backgroundColor: 'white',
    },
    labelInput: {
      color: '#673AB7',
    },
    formInput: {
      borderBottomWidth: 1.5,
      marginLeft: 20,
      borderColor: '#333',
    },
    input: {
      borderWidth: 0,
    },
  });
  </code></pre>
  
  <p>When i try to use <code>FloatingTitleTextInputField</code> inside <code>HomeScreen.js</code> I'm getting below error</p>
  
  <pre><code>    error Unable to resolve module `./floating_title_text_input_field` from `React Native/AwesomeProject/screens/
  
  HomeScreen.js`: The module `./floating_title_text_input_field` could not be found from `/React Native/AwesomeProject/screens/HomeScreen.js`. Indeed, none of these files exist:
  
  
    * `/React Native/AwesomeProject/screens/floating_title_text_input_field(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`
  
  
    * `/React Native/AwesomeProject/screens/floating_title_text_input_field/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`. Run CLI with --verbose flag for more details.
  
  
  Error: Unable to resolve module `./floating_title_text_input_field` from `React Native/AwesomeProject/screens/HomeScreen.js`: The module `./floating_title_text_input_field` could not be found from `/React Native/AwesomeProject/screens/HomeScreen.js`. Indeed, none of these files exist:
  </code></pre>
  
  <p>Can anybody help me to solve this issue</p>
  
  <p>If need more information please do let me know. Thanks in advance. Your efforts will be appreciated.</p>