Posts

Integrating Google maps with React native

Image
Integrating Google maps with React native   React Native Map React Native Map Example  is to integrate the Google Map into your React Native Application. To integrate the Map in our example we will use a very good library called  react-native-maps . Which provides MapView component which is very easy to use. So let’s get started. To Make a React Native App Getting started with React Native  will help you to know more about the way you can make a React Native project. We are going to use react-native init to make our React Native App. Assuming that you have node installed, you can use npm to install the  react-native-cli  command line utility. Open the terminal and go to the workspace and run npm install -g react-native-cli Run the following commands to create a new React Native project react-native init ProjectName If you want to start a new project with a specific React Native version, you can use the — version argument: react-native init ProjectName --ver...
Post a Comment
Read more
  import  React ,  { Component ,  useEffect }  from   'react' ; import  { AsyncStorage }  from   'react-native' ; import  { useIsFocused }  from   "@react-navigation/native" ; import  { Card, Icon}  from   'react-native-elements' import  PouchDB  from   'pouchdb-react-native' import  {TouchableOpacity, View, FlatList, StyleSheet, Text, StatusBar, Dimensions, Image, Alert}  from   'react-native' ; //------Deside how many grid Display in main Activity---- var  db  =   PouchDB ( 'todo' ); export   default   function   MainActivity ( { navigation ,  route ,  props} ) {    const  isFocused  =   useIsFocused (); //----define State----    const  [id, setId]  =  React . ...
Post a Comment
Read more
  import  React ,  { Component ,  useEffect }  from   'react' ; import  { AsyncStorage }  from   'react-native' ; import  { useIsFocused }  from   "@react-navigation/native" ; import  { Card, Icon}  from   'react-native-elements' import  PouchDB  from   'pouchdb-react-native' import  {TouchableOpacity, View, FlatList, StyleSheet, Text, StatusBar, Dimensions, Image, Alert}  from   'react-native' ; //------Deside how many grid Display in main Activity---- const  numColumns = 1 ; const  WIDTH = Dimensions . get ( 'window' ) . width var  db  =   PouchDB ( 'todo' ); export   default   function   MainActivity ( { navigation ,  route ,  props} ) {             const  isF...
Post a Comment
Read more