GuidesAPI ReferenceRelease Notes
HomeLog InHome
Guides

BlazeStoryPlayerFirstTimeSlideInstructionsStyle - React Native

The BlazeStoryPlayerFirstTimeSlideInstructionsStyle class represents a list of instructions for navigating the first-time slide in Blaze stories.

Properties

forward

forward?: BlazeFirstTimeSlideInstructionStyle;

The instruction for moving forward in stories.

pause

pause?: BlazeFirstTimeSlideInstructionStyle;

The instruction for pausing the stories.

backward

backward?: BlazeFirstTimeSlideInstructionStyle

The instruction for moving backward in stories.

transition

transition?: BlazeFirstTimeSlideInstructionStyle

The instruction for transitioning between stories.

Initialization

Initializes the list of instructions for navigating the first-time slide.

interface BlazeStoryPlayerFirstTimeSlideInstructionsStyle {
  forward?: BlazeFirstTimeSlideInstructionStyle;
  pause?: BlazeFirstTimeSlideInstructionStyle;
  backward?: BlazeFirstTimeSlideInstructionStyle;
  transition?: BlazeFirstTimeSlideInstructionStyle;
}

Static initializers

The BlazeFirstTimeSlideInstruction struct provides static initializers for creating predefined stories instructions:

forwardStory

Default values:

  • headerText:
    • text: "Go forward"
    • font: systemFont(Size: 22)
    • textColor: UIColor.label
  • descriptionText:
    • text: "Tap the screen"
    • font: UIFont.systemFont(ofSize: 16)
    • textColor: label

pauseStory

Default values:

  • headerText:
    • text: "Pause"
    • font: systemFont(Size: 22)
    • textColor: label
  • descriptionText:
    • text: "Press and hold the screen"
    • font: systemFont(Size: 16)
    • textColor: label

backwardStory

Default values:

  • headerText:
    • text: "Go back"
    • font: systemFont(ofSize: 22)
    • textColor: label
  • descriptionText:
    • text: "Tap the left edge"
    • font: systemFont(ofSize: 16)
    • textColor: label

transitionStory

Default values:

  • headerText:
    • text: "Move between stories"
    • font: systemFont (Size: 22)
    • textColor: label
  • descriptionText:
    • text: "Swipe left or right"
    • font: systemFont(Size: 16)
    • textColor: label

Did this page help you?