react-native-material-kit | Bringing Material Design to React Native | User Interface library

I'm running a React Native app off of Xcode 10.3 and am attempting to load some icon images within a detailView screen, but for whatever reason React Native cannot see them. Whether I reload or rebuild the project (react-native run-ios), I receive the following error message:

/Path/To/Project/src/components/DetailView.js: The module ../images/call@2x.png could not be found from /Path/To/Project/src/components/DetailView.js. Indeed, none of these files exist:

• call@2x.png
• /Path/To/Project/src/images/call@2x.png/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)

Here is my project's src directory:

And this image snippets from my detailView.js:

Hello I am using a floating label (MKTextField) in React native app. I want to know how to get the text from it. I tried to look online but could not find it.

Using react native material kit "react-native-material-kit": "^0.5.1",

could you please suggest

Thanks R

I'm trying to understand the imports in some React Native source code. In a file questionnaire.actions.js, which is located relative to the top-level directory, which is called lucy-app, here:

I'm trying to import everything from a directory in react native but it's giving me an error

error: bundling failed: Error: Unable to resolve module ../actions from F:\INSTALLED\React-Native\crm\components\PeopleItem.js: The module ../actions could not be found from F:\INSTALLED\React-Native\crm\components\PeopleItem.js. Indeed, none of these files exist:

However The folder name actions exists. Here is my PeopleItem.js

I just learned that there is a flatList in React Native. I have a list of services, when the user tap on each service, they are redirected to the address where those services are available. I am trying to display these addresses in FlatList. The screen shot of the list of services is below:

when the user taps on Test service, I want to show the address in the form of FlatList. I am not sure, but whatever I am displaying inside flatList is not showing on the page. Below is my entire code including flatlist:

In My JSON file, I have the latitude and Longitude of the destination. Is thier any way, I can calculate the distance in miles from the users current position. I have the following code so far. I can see the map with the following code, but I cannot see the miles from the users current location and map from the users current location. I don't know user current location Longitude and Latitude. All I know is destination Longitude and latitude. Below code just shows the place where the Longitude and Latitude of the location is.

I want to put the logo of the company so that it stretches out from top left corner to the top right corner with width of 10. Below is my code. My image is not showing properly. It shows in the middle of the screen with width going outside of the phone.If I put position: absolute then the image disappears from the phone.

I am reading a json file to read the services provided in different cities. I am displaying the servics on a master page and when users click on the services, I redirect them to the page where the services are offered. I need to show them the driving directions to those services. Below is my services.Json file:

I am trying to show the detail view when user taps on one of the list item. When the user taps on the listitem, I get an error saying Undefined is not an object evaluating 'this.props.services.ser. Below is the screen shot of the error:

My list item page code is below: