Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

React native view rendering inside of a Mapbox map Powered by nitro

15,017 Aufrufe • vor 7 Monaten •via X (Twitter)

18 Kommentare

Profilbild von TC
TCvor 7 Monaten

How is this different to (genuine question)

Profilbild von Fabrizio
Fabriziovor 7 Monaten

That it uses the mapbox navigation sdk under the hood instead of the plain map sdk, since I will need to implement navigation for this app

Profilbild von Hewad Mubariz
Hewad Mubarizvor 7 Monaten

incredible 🔥

Profilbild von Juan | chooselife.club
Juan | chooselife.clubvor 7 Monaten

How, I have been wanting this for sooo long bro. It’s open source? It works only over rnmapbox?

Profilbild von Fabrizio
Fabriziovor 7 Monaten

It’s a very custom implementation for an app I’m working on, not planning to open source this, I’m refining the implementation tho, I could write an article about how I did it later

Profilbild von Juan | chooselife.club
Juan | chooselife.clubvor 7 Monaten

Is this a nitro view as child of a rnmapbox Mark component?

Profilbild von Fabrizio
Fabriziovor 7 Monaten

The map itself is a nitro view, for the marker i was trying to use a nitro view as well but seems to be not be possible due to lack of children support in nitro views, using a Fabric view for that

Profilbild von Average Joe
Average Joevor 7 Monaten

curious to hear more about this

Profilbild von Fabrizio
Fabriziovor 7 Monaten

I will show more, right now this is all I have

Profilbild von Yadwinder Singh
Yadwinder Singhvor 7 Monaten

Hey @ipla03 It looks very awesome. What are the libraries used? Or it it custom completely? Curious to know the process or a flow.

Profilbild von Fabrizio
Fabriziovor 7 Monaten

It's fully custom - The map itself is a nitro view showing a mapbox MapView from the navigation sdk - For the marker i use a Fabric view that overrides the methods used to mount children, so instead of mounting them to itself it will mount them inside of the map as annotations Had to fallback to a Fabric view for that because afaik children support in Nitro is still not ready

Profilbild von Yadwinder Singh
Yadwinder Singhvor 7 Monaten

Sorry I didn't understand the meaning of nitro view here. Is it any special kind of <View /> how to get that?

Profilbild von The Wicked Killah
The Wicked Killahvor 7 Monaten

Curius how you did it I wanna load stuff inside react native maps

Profilbild von Fabrizio
Fabriziovor 7 Monaten

It’s all custom made, I’m not using react-native-map, the maps is a nitro view showing a Mapbox MapView, to add the item I have a Fabric view that overrides the mount child method to add it inside of the map instead that in itself as a child

Profilbild von Guillermo López
Guillermo Lópezvor 7 Monaten

@thewickedkillah Thats sounds good, you can share demo open source?

Profilbild von Fabrizio
Fabriziovor 7 Monaten

@thewickedkillah It’s for a private app of mine, won’t be open sourced at the moment

Profilbild von Gurinder saini 📱
Gurinder saini 📱vor 7 Monaten

The question was how many custom view markers we can render with this approach on the map. If it is able to render 1000s of marker at a time on map then it is great or not then what is the other way to do this if we want custom marker view map

Profilbild von Jon
Jonvor 7 Monaten

🤯🤯🤯

Ähnliche Videos