Adding navigation control to my google map - reactjs

Im running react (in the web browser not native) with the react-google-maps component. I want to enable the navigation button (see the red marker) so the map can be opened in my native app. Any suggestions? See the 2 pictures

It doesnt seems like the google maps api has any controls out of the box. A workaround for me is to implement the directionsbutton and https://developers.google.com/maps/documentation/urls/guide from google. When the link opens it will open in the native app if its installed on anroid or ios

Related

Share option in Flutter Webview using react-web-share

I have a app in flutter and using InAppWebView for opening a URL which is developed in React TypeScript.
On that URL page I have Share button.
So I want to share the data using installed apps from the mobile.
I tried using react-web-share Library. But if I click on the button from InAppWebview of the app it showing like below image :
And If I open the same URL from browser the it is working fine and showing options with installed app. As shown in below image
I want the same result from InAppWebView

Use Ionic Portal inside Ionic Framework React Native Apps? (Webview inside Ionic App without covering up IonTabBar)

I have a use case where I would like to leverage some existing pages from a Shopify powered store inside an Ionic Framework v6 React iOS / Android App (on web we will simply redirect to the appropriate subdomain). Unfortunately, Shopify has their iFrame options set to Deny so using an iFrame is not an option.
Image of where the Shopify Store should show up in my app
I've looked at the various flavors of inAppBrowser, and while this allows me to show the page, its a pretty jarring non-native app experience. What I really want is an Ionic React Component for Native that will allow me place a webview under my control constrained to a certain viewport of the page.
Ionic Portals are targeted at Native developers with fully native code bases but actually show this use case on the home page:
Image of Ionic Portal webview inside Native Tab Bar Application
I know portals are pretty new and I haven't seen any documentation about this but is it possible to use them inside of an Ionic React App to accomplish the behavior I want (or something in inAppBrowser or another plugin that I've missed?)

React native open image picker in customized layout

I am building android app in react native. Here I can building image upload feature.
I want to open local image gallery in customized layout, which has two tabs in bottom, one from pick image from camera and another from local library, like instagram app has.
I have tried react-native-image-picker and react-native-image-crop-picker. But did not found this feature in these both react native packages.
Please guide me how can I create this feature.

when click on button or icon i want to open uber mobile application in my mobile using angular js in ionic

I Want to use Uber Ride Requests via click on icon or button in my mobile application which is in ionic-angularJS so if user want he can book his Ride using from my mobile application.
That can be done with a cordova plugin, called StartApp (https://github.com/lampaa/com.lampa.startapp).
You will need to know the schema for both Android and iOS of the app that you want to open.
This link might be useful:
http://www.gajotres.net/how-to-launch-external-application-with-ionic-framework/

ReactJS project on Android WebView, Image not showing

I am currently experimenting on a hybrid app using ReactJS for my front-end loaded inside an Android WebView. On one of the pages, I have a list that loads an external/hosted image. Tapping on these images routes to another page that shows its description (using react-router. history=hashHistory).
Testing on the browser(chrome), the images appear once loaded. On the other hand, testing on the actual device, the images does not appear. Only when I tap the list item and press back (hashHistory.goBack) that it appears.
I know this is not the best use for ReactJS, but this is better than what we are currently using. Also, our current setup prevents us from pursuing the React Native way. Any ideas?
EDIT:
here's a screen cap:
You need to change your websettings in your code.
WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);

Resources