layerIndex Property Throws Error/Not Adding Layers In Correct Order

Describe the bug Using layerIndex property in layers does not appear to be working and throws an error.

To Reproduce Steps to reproduce the behavior

        {loading ? null : (<Mapbox.RasterSource id="rasterSourceBasemap" tileSize={256} url={Url}>
          <Mapbox.RasterLayer
            id="basemap"
            sourceID="rasterSourceBasemap"
            style={{ rasterOpacity: 1 }}
            layerIndex={1}
          />
        </Mapbox.RasterSource>)}

        {loading ? null : (<Mapbox.ShapeSource>
          <Mapbox.SymbolLayer 
            id="guz" 
            style={{ visibility: (layers.guz.show ? "visible" : "none") }}
            layerIndex={10}
          />
        </Mapbox.ShapeSource>)}

Expected behavior The layers would show in the order of the defined layerIndex.

Screenshots I get the following error:

At times when the error is not present the layers don’t seem to respond to the actual layerIndex defined in each layer.

Versions (please complete the following information):

• Platfrom: iOS
• React Native Version 0.59

[dmlitvinov]

We have exactly the same problem. There is no error without specifying an index, but there is no way to set the correct layer order

[anfriis]

I tried #361 in my project with setting layerIndex instead of aboveLayerId. The layers in my map style (street names, etc.) are placed rather high up with the highest being around layerIndex 40-42. I want my own layers to be placed above all the map’s own layers, so if I set layerIndex to 50 for my own layer, I get: Terminating app due to uncaught exception 'NSRangeException', reason: 'Cannot insert style layer at out-of-bounds index 50. I have 14 layers on my map, so I have to use the 8 indexes between 42 and 50, and rely on aboveLayerId layers in the same ShapeSource.

Does anyone know why it is not possible to use an index >= 50? @mfazekas

Versions (please complete the following information):

Platfrom: iOS React Native Version 0.59.9