Help Needed with accessing turn-by-turn data

[vishesh-varma]

Hi! Thank you for making such a convenient library.
I wanted some help with accessing the next turns in a way that you've also implemented, but I'm fairly new to app development altogether, and I am not sure where to start.
From an example in the API reference of Mapbox, I can see a "maneuver" in steps:

"steps": [
              {
                "intersections": [
                  {
                    "out": 0,
                    "entry": [ true ],
                    "bearings": [ 125 ],
                    "location": [ 13.426579, 52.508068 ]
                  },
                  {
                    "out": 1,
                    "in": 2,
                    "entry": [ true, true, false ],
                    "bearings": [ 30, 120, 300 ],
                    "location": [ 13.426688, 52.508022 ]
                  }
                ],
                "driving_side": "right",
                "geometry": "mnn_Ick}pAHUlAqDNa@",
                "mode": "driving",
                "maneuver": {
                  "bearing_after": 125,
                  "bearing_before": 0,
                  "location": [ 13.426579, 52.508068 ],
                  "modifier": "right",
                  "type": "depart",
                  "instruction": "Head southeast on Köpenicker Straße (L 1066)"
                },
                "ref": "L 1066",
                "weight": 35.9,
                "duration": 17.7,
                "name": "Köpenicker Straße (L 1066)",
                "distance": 98.1,
                "voiceInstructions": [
                  {
                    "distanceAlongGeometry": 98.1,
                    "announcement": "Head southeast on Köpenicker Straße (L 1066), then turn right onto Engeldamm",
                    "ssmlAnnouncement": "<speak><amazon:effect name=\"drc\"><prosody rate=\"1.08\">Head southeast on Köpenicker Straße (L <say-as interpret-as=\"address\">1066</say-as>), then turn right onto Engeldamm</prosody></amazon:effect></speak>"
                  },
                  {
                    "distanceAlongGeometry": 83.1,
                    "announcement": "Turn right onto Engeldamm, then you will arrive at your destination",
                    "ssmlAnnouncement": "<speak><amazon:effect name=\"drc\"><prosody rate=\"1.08\">Turn right onto Engeldamm, then you will arrive at your destination</prosody></amazon:effect></speak>"
                  }
                ],
                "bannerInstructions": [
                  {
                    "distanceAlongGeometry": 98.1,
                    "primary": {
                      "text": "Engeldamm",
                      "components": [ { "text": "Engeldamm" } ],
                      "type": "turn",
                      "modifier": "right"
                    },
                    "secondary": null,
                    "sub": null
                  }
                ]
              }
            ]

But, I do not know how I can access it using the library.
I can see that you've also made it work on the top left icon of your example, so I'm assuming that it is already made and I'm just not able to access it. Can you nudge me in the right direction?

[eopeter]

There is a json that is returned when you are navigating, does it not have the data you are looking for?