Тёмный

Get Current Location, Geocode and Reverse Geocode in Expo React Native Apps using expo-location 

MissCoding
Подписаться 8 тыс.
Просмотров 30 тыс.
50% 1

Hi everyone!
Today I'm showing you how to request foreground permissions for current location and get the current location of a user using the expo-location package for expo react native apps. I will also show you how to geocode and reverse geocode; that is going from an address to latitude and longitude coordinates and from latitude and longitude coordinates to an address. I will also cover how to get a google geocoding api key.
You can check out my tutorial of location using expo-location on GitHub:
github.com/chelseafarley/expo...
For more on expo-location:
docs.expo.dev/versions/latest...
You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
amzn.to/49NX6Xe
// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.
I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!
Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!
// PRODUCTS USED
I use the following products in the creation of my videos:
Boya MM1 Microphone - amzn.to/3uupmOB
A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops
Canon 18-55mm Lens - amzn.to/3QYYdLk
A kit lens but a decent quality lens for beginners getting used to a DSLR
Canon EOS Rebel T7 with 18-55mm Lens - amzn.to/3GdRPuq
This is the kit I started with it includes the lens linked above and is a great starter camera.
I love Apple devices... These are the ones I use for my channel content creation:
Apple iPhone 13 - amzn.to/3G8pHcl
A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.
Apple MacBook Pro - amzn.to/3MUuPV8
A nice portable computer for working from anywhere and perfect for iOS development
Apple iPad Air - amzn.to/49LvYrY
Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
//CONTACT:
Please contact me at: hello@tripwiretech.com
//CRAVING MORE:
You can find links to all my different sites and social media over on Linktree: linktr.ee/misscoding

Наука

Опубликовано:

 

15 дек 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 44   
@MissCoding
@MissCoding Год назад
I’ll be doing a Map tutorial soon, is there anything you would particularly like to see?
@qwebrent
@qwebrent Год назад
A Distance Calculator that calculates the distance between the user's current location and a specific location would be fantastic. 😊 Anyway, I just wanted to say thanks for your react native vids. It's teaching me a lot, actually.
@abessesmahi4888
@abessesmahi4888 Год назад
How to read the user location while the app is in background, this will be helpful tutorial Thank you much for your efforts.
@MissCoding
@MissCoding Год назад
@@joejoe1508 don’t worry I also deleted that project and I thought I mentioned not to expose it in the video :)
@haroldmiss2983
@haroldmiss2983 Год назад
I look forward to it, and I know that the content will be very interesting
@anazi
@anazi Год назад
How to change the map style, the pin style. Something prettier than the usual ugly map design.
@sinethembagomba1720
@sinethembagomba1720 10 месяцев назад
Thank you Chelsea! I have been looking for this video to add this as a feature in my application and you have made that possible! Thank you so much!
@rafayzia4180
@rafayzia4180 11 месяцев назад
Thanks alot, your way of teaching is so calm and interesting. Keep making these, cheers 🎉
@victorcr2734
@victorcr2734 Год назад
thank you Miss Chelsea, you really helped me in my project in college, amazing content. Regards from Brazil :D
@lord_yzal
@lord_yzal 5 месяцев назад
Thank you for a simple and easy to understand tutorial
@korayerdem8902
@korayerdem8902 11 месяцев назад
Clean & concise. Thank you!
@peladno
@peladno Год назад
Thank you for this, I was looking for reverse geo coding :). I love your videos :). Regards from Chile
@MissCoding
@MissCoding Год назад
You’re welcome! Thank you for watching 😀
@Gustavo-hj6ue
@Gustavo-hj6ue Год назад
Ur tutorial > GPT response Ty
@faridrabahi6740
@faridrabahi6740 Год назад
Thanks a lot for your tutorials in react native...was very helpfull... simple and informative
@MissCoding
@MissCoding Год назад
Thank you! Appreciate the kind comments
@developerpaul46
@developerpaul46 Год назад
Nice tutorial! more expo stuff please hehe
@maxexc6939
@maxexc6939 Год назад
Thank`s a lot)) your code is clear and effective)) 👍
@AbrahamApell
@AbrahamApell 6 месяцев назад
Awesome video, thanks!
@elgalanazo1662
@elgalanazo1662 8 месяцев назад
very helpful video, thanks!
@domthefounder
@domthefounder 8 месяцев назад
You’re awesome Miss Coding!
@iordanissapidis3534
@iordanissapidis3534 Год назад
Nice tutorial. I actually found it funny that when i typed const getPermission copilot basically autocompleted everything you wrote inside useEffect
@marouasedoud7033
@marouasedoud7033 8 месяцев назад
Thanks girl it works
@MemoAlbably
@MemoAlbably 5 месяцев назад
Thanks a lot. Can you show me how to prompt the user to use their location with Expo, for example, when the app is first used? I’ve been trying to find this information, but I haven’t found any demonstrations on RU-vid. Please help.
@danielfernandez5709
@danielfernandez5709 Год назад
Thanks a lot Chelsea!!!
@abhishekmittal8018
@abhishekmittal8018 Год назад
its giving me an empty array ,while going through reverseGeocodeAsync() why?
@KakaKaka-iw5ud
@KakaKaka-iw5ud 9 месяцев назад
I’m doing the same steps yet I’m getting this error NSLoction*UsageDescription keys must be present in info.plist . I’m using expo and I don’t see this file I setup that in my package Json but that didn’t help. Can any help please ?
@InspireQuest-ru8pf
@InspireQuest-ru8pf 6 месяцев назад
Could you explain, the + to use google api instead if expo api
@miagreen1776
@miagreen1776 Год назад
Please can you do a tutorial with Google Routes (such as navigating a user along a multiple waypoint route from their current location)? 🥺
@ahurein1641
@ahurein1641 Год назад
Great tutorial, your content is awesome. I have one question. I followed your new auth-session tutorial to integrate facebook and google auth with expo yesterday and it's working. I'm new to rn and I want to know if it will work once I build apk from it
@MissCoding
@MissCoding Год назад
Hi, you will need to generate a android client id for it to work on Android and build a standalone app, it should show you how to do that in the tutorial :) if you want ios as well you will want to follow the similar process for creating an iOS client id You’ll want to create a production build also and ensure you publish your consent page
@ahurein1641
@ahurein1641 Год назад
@@MissCoding Oh okay..thanks
@idc20627
@idc20627 Год назад
I'm working with a team for an undergraduate research project. The app needs to get the most accurate location from the mobile device. On the simulated iPhone it gives the accuracy as 5. Expo locations api docs stated that Accuracy is represented as an enum with 6 being the best and highest possible accuracy (the type you'd want for a gps feature), and 1 being the lowest. Again the simulator gives me 5 accuracy but when I try using an actual mobile device using the expo app, the numbers exceed the range provided by Expo locations api. I get numbers like 35, 41, etc for the locations accuracy. Funny enough, the simulator gives wrong coordinates. And despite the accuracy being 35 for the actual phone test, it is quite accurate as the first 5 digits for longitude and the first 4 for latitude match the results from google maps itself. Your insight would be greatly appreciated, thank you so much! No worries if not possible to help!
@InspireQuest-ru8pf
@InspireQuest-ru8pf 6 месяцев назад
Sorry for bother you, could you have solved the problem?
@adarshgupta4382
@adarshgupta4382 Год назад
can you please make a video for react native directions in expo ?
@douglasvasquez7969
@douglasvasquez7969 Год назад
Your code its exactly what chat GPT generate for me.
@MissCoding
@MissCoding Год назад
Interesting, what exactly did you ask? It gave me something different when I just checked
@joaoalvescs
@joaoalvescs 2 месяца назад
Is this works on Android and iOS?
@parrou3
@parrou3 Год назад
Expo location has android location timeout issue,
@dissertationdemo
@dissertationdemo 11 месяцев назад
Hi did you solve it?
@parrou3
@parrou3 11 месяцев назад
@@dissertationdemo hi, not yet
@ismailaturner3511
@ismailaturner3511 7 месяцев назад
I don’t know why you kept coding with checking it on a real device mapview don’t work on android it crash and permission request alert canot be modify make Apple not to accept the app ! Nothing make sense
Далее
Geolocation in React Native
7:34
Просмотров 11 тыс.
React Native Login with JWT Auth Context
24:59
Просмотров 52 тыс.
iPhone socket cleaning #Fixit
0:30
Просмотров 12 млн
Choose a phone for your mom
0:20
Просмотров 7 млн