For the complete documentation index, see llms.txt. This page is also available as Markdown.

Player deck configurations (React Native)

PlayerDeck component provides playerDeckConfiguration prop for configuring player deck appearance, layout, autoplay, item controls, ad badge, fullscreen behavior, and subtitles.

Configuration reference

Customize player deck appearance and layout

const playerDeckConfiguration = {
  // Configure background color
  backgroundColor: '#FFFFFF',
  // Configure the corner radius for each deck item
  cornerRadius: 8,
  // Configure the spacing between each deck item
  itemSpacing: 16,
  // Configure content padding
  contentPadding: {
    top: 10,
    right: 10,
    bottom: 10,
    left: 10,
  },
};

<PlayerDeck
  style={{ height: 580 }}
  source="discover"
  playerDeckConfiguration={playerDeckConfiguration}
/>

Customize player deck item controls

Customize player deck subtitles

Update player deck configuration

You can update playerDeckConfiguration by rendering PlayerDeck with a new configuration value.

Last updated

Was this helpful?