react native mapbox use sdf icons - react-native

I am trying to implement a SymbolLayer where the icons have some data driven colour. The docs state that one can achieve this using sdf icons, however I can't quite seem to find any resources on how this should be done in practice in react native mapbox gl.
The only examples I could find online are for the Mapbox gl js web library. If anyone could share some knowledge, that would be greatly appreciated.

As of 8.0, sdf icons are not supported in #react-native-mapbox-gl/maps yet.
But 8.0 supports Images#onImageMissing, which lets you generate images on the fly.

Related

React Native and support for Android Auto, Apple CarPlay, and wearables

I'm about to begin building out an app using React Native. It's a simple audio player that plays music. However, on top of having an audio player in the app, I would also like to support:
Android Auto
Apple CarPlay
Wearables
Does React Native support these platforms out of the box? How good is the integration? Will I run into many bumps along the way?
Thanks!
About Apple Car Play you can use react-native-carplay, but before use it I see expo tag in your question if you are using expo to create you application it's not supported in a expo. read this article to know more how implement add Car Play to your React Native App
about wearables check the repo to know more.
How good is the integration? Will I run into many bumps along the way?
If you are using TypeScript it's will be easy to do, and you have much repos and articles explain how to implement those packages with mobile application

Using local tiles with React Native Maps

I am a beginner with React Native.
I'm using Expo on Windows 10 and testing on an iPhone.
I need to create a map with custom tiles.
After some research I find out that Leaflet is not React Native compatible so I have to use react-native-maps.
I install it and create my first basic map, so far so good (Apple Maps).
Then I tried to apply the custom tiles. For performance reasons I want to use local tiles. Here came the question of how to get the local link of my tiles (located in "assets/tiles").
While searching I realize that I need to use react-native-fs to use the following path file://${RNFS.DocumentDirectoryPath}.
I install it.
However, when I try to add react-native-fs using
var RNFS = require('react-native-fs');
I get the error :
Invariant Violation: Native module cannot be null.
and I'm lost and don't know if I'm going the right way.
Thanks

What is meant by Flutter's widgets aren't really adaptive

I have been trying my hands for POC on an idea and trying to find languages which can support Mobile app development (Android/IOS) via single source code.
I zeroed on React-Native and Flutter.
What I found that for React-Native you still have to write code which is platform specific. Components need to be written differently for IOS and Android.
Then I looked in FLutter and I found that - "Flutter's widgets, however, while there are more of them, aren't really adaptive".
I am not able to understand it and what it means.
It would be really helpful if someone can help me with example or guide me to good reference.
In Flutter you have different sets of Widget Collection:
Material Widgets: Android-style
Cupertino Widgets: iOS-style
And lots of Widgets which aren't bound to one of those styles.
With this you are able to create a application looking like any style on any of the available platform. Therefore you can also have iOS-style Widgets on Android and vice versa.
If you want to have iOS Widgets on iOS and Android Widgets on Android, you'll have to create some conditional rendering, which decides wether to render iOS or Android components.
Sidenote: The Material-style Widgets look also really good on iOS. Also you can use a ton of other Widgets to create an UI in your own style.

how to integrate google map using react-native-navigation

I want to show the current location with animation arrow and also place some dummy images(SVG images) on the map.
Please any one help for me.
There is a great library called react-native-maps where you can use google maps for both iOS and Android or use google maps for android and native apple maps for iOS.
Also this supports various animations and custom markers. You can use below link to find out uses of this library.
Link

React Native inputs on iOS and Android

I've been evaluating React Native as a replacement for Cordova, and was wondering if there is a widely accepted solution for styled text inputs. I'd like to see text inputs rendered in Material Design on Android, and Apple style on iOS.
Do you have recommendations for a specific library, or will I have to write my own/combine multiple libraries? Thank you!
You could check out https://nativebase.io/ it supports platform specific default styling there are others as well like https://react-native-training.github.io/react-native-elements/ and http://www.xinthink.com/react-native-material-kit/ which has consistent styling regardless of platform.
Coming from a Cordova/Sencha Touch background I suggest you try to create your own style using only the default react native components, the reason is that before I was having the same question regarding component library that I could use so that I could target all platform at once, but react native isn't 100% cross platform and learning to style on different platform might give you an idea and feedback with your evaluation, unless your aiming to have a project as soon as possible and that is a different story.