Get a google sign in button on React Native Expo - react-native

I already have working google sign in, although with just a regular button. How do I render a button that matches google's sign in guidelines with the rainbow G and all? I cannot use the React Native Google Sign In package, as I am using Expo Go.

how you doing ?
So, the best way to get a nice Google, Facebook login in expo is doing a good custom button, is not fair just to tell you to do your own, without even let an example for you. right ?
The best advise is to use React Native Elements, it helps a lot doing your components in React Native and its also avaible to Expo.
#The killer social icons from react native elements would be awesome!
https://reactnativeelements.com/docs/2.3.2/social_icon
you can also use an fontawesome button
An speacial snack example i made to you.
https://snack.expo.dev/VCYpu9tk1
oficial docs
https://docs.expo.dev/guides/icons/#button-component

Related

How to send Algolia events in a React Native app?

I need to send search events to Algolia from a react native app. The closest I got was to find the search-insights package from algolia, but there isn't any documentation on how to properly use it in a React Native app.
Anybody did this before that can point me in the right direction?
Algolia just published some guides about how to use it with react-native i.e. https://www.algolia.com/doc/guides/building-search-ui/going-further/native/react-hooks/ and https://www.algolia.com/doc/guides/building-search-ui/going-further/native/react/

How to create react native project

I'm new to the react native platform. I'd like to create an app with bottom, stack, and drawer navigation.
I'm not sure which navigation is appropriate for the same react navigation (v4, v5, or v6).
I'd also like to make some API calls. Is it necessary to use redux for this?
Is it better to use React native element or react native paper for ui design?
Please, someone assist me with this.
This doesn't seems to be an appropriate question to ask here, you can go through their official documentations, some courses maybe to learn react-native and its best practices. As for the questions you have asked, since you are learning react native now,
Go with the latest navigation (v6)
It's always a good practice to use redux for api calls.
For UI, you can go with any library that suites your purpose, it does not have to be one, you can use multiple, based on what you want to achieve.

React Native Posting Instagram Story with URL link under Username (Example: View in SoundCloud)

I'm working on a react native app using the react-native-share package to share an image to Instagram. I'm able to share the image to Instagram on iOS, but would like to display a url at the top left corner to tell others to view this post in our website.
It seems some apps can do this already like Spotify or Netflix or Soundcloud.
I've tried to use the package's Share.shareSingle method with the attributionURL: 'https://google.com', however, this doesn't display anything at the top.
Not found in the documentation either: https://developers.facebook.com/docs/instagram/sharing-to-stories/
Does anyone know how to implement this using the React Native package similar to the picture here: https://imgur.com/a/MEcthHd
And please provide documentation and a code example if possible, or how the link should be formatted. Thank you!

React native turn by turn navigation

we working with expo and using mapview, however, there are many restrictions in react native maps, as we are planning to implement turn by turn navigation. Integrating Mapbox would have been the best option, however we do not think it’s best to eject the project as expo doesn’t still support Mapbox. Although, I came across a package, react native maps navigation, I would like to know if anyone has been able to successfully implement it in their project and it functioned properly, and also know if there are any drawbacks that comes along with it. I am asking this because the author says “Please note that this module is usable but still under heavy development. Some properties and/or component names might change without notice.”
Kindly give your suggestions and advice. Thanks
Mapbox works very well in a react-native projects and recommend to use this service for your project but effectively, it don't works with expo so for me, you should eject your project to use it.
I paste here some packages I used for a GPS project (The last one is to get the current position of an user)
react-native-mapbox-gl/maps
mapbox-sdk
react-native-geolocation
Hope that could help you

Is AlertIOS in React Native an outdated component?

I am learning React Native and what I am learning from only talks about Alert, even for iOS. In the API/Docs I see AlertIOS and I am curious if it does something special or is lighter weight for an iOS only app than the regular Alert?
(I found no post that had a definitive answer, but all the AlertIOS posts seem to date back to 2015-ish.)
Thank you.
AlertIOS is special as it allows users to enter information into the alert using AlertIOS.prompt. According to the React Native documentation this is only a common pattern on iOS which is why they only made it available with an iOS specific API.
React Native still supports and recommends using Alert if you do not need iOS specific functionality.
From the alert docs
This is an API that works both on iOS and Android and can show static
alerts. To show an alert that prompts the user to enter some
information, see AlertIOS; entering text in an alert is common on iOS
only.
From the alertIOS docs
We recommend using the Alert.alert method for cross-platform support
if you don't need to create iOS-only prompts.