Flight leg

This component is for details of a flight journey from an origin to final destination.

FlightLeg

Maven Central Class reference Source code

Default

Day Night
Flight Leg component Flight Leg component - dark mode

Installation

Backpack Compose is available through Maven Central. Check the main Readme for a complete installation guide.

Usage

Example of a FlightLeg:


                                                
                                                import net.skyscanner.backpack.compose.flightleg.BpkFlightLeg
                                                
                                                BpkFlightLeg(
                                                  departureArrivalTime = "19:50 - 22:45",
                                                  description = buildAnnotatedString {
                                                    withStyle(
                                                      bpkAirportHighlightStyle()
                                                    ) {
                                                      append("LHR")
                                                    }
                                                    append("-SIN, SwissAir")
                                                  },
                                                  stopsInfo = "2 Stops",
                                                  highlightStopsInfo = true,
                                                  duration = "7h 55m",
                                                  nextDayArrival = "+1",
                                                  operatedBy = "Operated by Ryanair",
                                                  warning = "Change airports in London",
                                                  contentDescription = null,
                                                  carrierLogoContent = {
                                                    BpkIcon(icon = BpkIcon.Aircraft, contentDescription = null)
                                                  },
                                                )