正在加载视频...

视频加载失败

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

15,017 次观看 • 7 个月前 •via X (Twitter)

18 条评论

TC 的头像
TC7 个月前

How is this different to (genuine question)

Fabrizio 的头像
Fabrizio7 个月前

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

Hewad Mubariz 的头像
Hewad Mubariz7 个月前

incredible 🔥

Juan | chooselife.club 的头像
Juan | chooselife.club7 个月前

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

Fabrizio 的头像
Fabrizio7 个月前

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

Juan | chooselife.club 的头像
Juan | chooselife.club7 个月前

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

Fabrizio 的头像
Fabrizio7 个月前

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

Average Joe 的头像
Average Joe7 个月前

curious to hear more about this

Fabrizio 的头像
Fabrizio7 个月前

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

Yadwinder Singh 的头像
Yadwinder Singh7 个月前

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

Fabrizio 的头像
Fabrizio7 个月前

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

Yadwinder Singh 的头像
Yadwinder Singh7 个月前

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

The Wicked Killah 的头像
The Wicked Killah7 个月前

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

Fabrizio 的头像
Fabrizio7 个月前

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

Guillermo López 的头像
Guillermo López7 个月前

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

Fabrizio 的头像
Fabrizio7 个月前

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

Gurinder saini 📱 的头像
Gurinder saini 📱7 个月前

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

Jon 的头像
Jon7 个月前

🤯🤯🤯

相关视频