Content Types - KevinTheGray/slideplayer GitHub Wiki
This is a list of the content types available and a list of the content values for each.
- Rect
- Label
- Image
- Lottie Animation
- Nima Actor
- Flare Actor
- Desktop Embedding
- Coding Rolodex
- Main Title Slide
- Team Photos
- Supported Platforms
- Flutter Pillars
type value: "rect"
description: A rectangle filled with a solid color
Content Values:
description: The fill color of the rectangle
type: string representing a color in 0xAARRGGBB
or #RRGGBBAA
format.
type value: "label"
description: Content that displays a text label
Content Values:
- text
- font_color
- font_size
- line_height
- letter_spacing
- text_align
- font_family
- strike_through
- italic
- align
description: The text of the label.
type: string
description: The color of the font.
type: string representing a color in 0xAARRGGBB
or #RRGGBBAA
format.
description: The size of the font.
type: number
description: The line height of the label.
type: number
description: The letter spacing of the font.
type: number
description: The text alignment for the label. Must be "start"
, "end"
, or "center"
type: string
description: The font family of the label. The font must be available in the assets.
type: string
description: A boolean value that specifies if the label should have a strike through it.
type: boolean
description: A boolean value that specifies if the label should be italicized.
type: boolean
description: Specifies how the text should align within its bounding box. The value must be one of the values specified in align_utils.dart.
type: string
type value: "image"
description: Content that displays an image.
Content Values:
description: Specifies the image file on disk that is used.
type: string
description: Specifies the image file from the assets that is used.
type: string
description: Specifies the box fit for the image. The value must be one of the values specified in image_utils.dart.
type: string
default: contain
description: Specifies if the image should be evicted from the cache before loading.
type: boolean
default: false
type value: "lottie_animation"
description: Content that displays a Lottie animation.
Content Values:
description: Specifies the lottie file on disk that is used.
type: string
description: Specifies the lottie file from the assets that is used.
type: string
type value: "nima_actor"
description: Content that displays a 2Dimensions Nima actor.
Content Values:
description: Specifies the Nima file from the assets that is used.
type: string
description: Specifies the name of the animation to play.
type: string
type value: "flare_actor"
description: Content that displays a 2Dimensions Flare actor.
Content Values:
description: Specifies the Flare file from the assets that is used.
type: string
description: Specifies the name of the animation to play.
type: string
type value: "desktop_embedding"
description: Content that displays the default flutter app. Good example of custom content.
Content Values:
none
type value: "coding_roldex_screen"
description: Content that displays what coding should be in a rolodexical style. Good example of custom content.
Content Values:
none
type value: "main_title_slide"
description: The main title slide from the Flutter Live '18 presentation. Displays welcome in a many languages and has some neat glitch animations.
Content Values:
description: The list of words that will be displayed.
type: List<string>
description: The line height between each word in the list of words.
type: number
description: The position in the list that the list will auto-scroll to over an hour.
type: number
type value: "team_photos"
description: The team photos slide from the Flutter Live '18 presentation. Displays the team photos in a square mosaic style.
Content Values:
- row_count
- column_count
- seed
- shuffle_initial
- min_shown_duration_milliseconds
- extra_shown_duration_max_milliseconds
- blink_duration_milliseconds
- colors
- photo_files
description: The number of photos in each row of the mosaic.
type: int
description: The number of photos in each column of the mosaic.
type: int
description: The seed that will be used to randomize the list of photos.
type: int
description: Whether or not the initial generated list of photos should be shuffled.
type: boolean
default: false
description: The minimum number of milliseconds that a photo will be shown.
type: int
default: 4000
description: The maximum number of extra milliseconds that a photo will be shown. This is a random number of milliseconds added to the minimum duration.
type: int
default: 2500
description: The number of milliseconds that a photo will blink for before showing the next photo.
type: int
default: 250
description: A list of strings that represent the background colors of the mosaic tiles. Colors should be in the format 0xAARRGGBB.
type: List<string>
description: A list of strings that represent paths to the image files to be used in the mosaic. This path should be relative to your dynamic files folder.
type: List<string>
type value: "supported_platforms"
description: The supported platforms slide from the Flutter Live '18 presentation. Loops through a list of supported platforms wit a PageView.
Content Values:
- default_page
- init_change_duration_millis
- page_change_duration_millis
- page_change_animation_duration_millis
- page_change_curve
- title_font_size_min
- title_font_size_max
- image_height_min
- image_height_max
- container_height_min
- container_height_max
- viewport_fraction
- title_top_padding
- title_font_color
- cell_data
- debug_colors
description: The default page that the slide will start on.
type: int
default: 1
description: The number of milliseconds the initial page is shown before animating to the next page of the PageView.
type: int
default: 1500
description: The number of milliseconds a page is shown before animating to the next page of the PageView.
type: int
default: 1500
description: The number of milliseconds spent animating from one page to another.
type: int
default: 800
description: The curve for the page animation. Must match one of the options available in the curve_utils.dart file.
type: string
default: linear
description: The minimum font size of the tile of each page.
type: number
description: The maximum font size of the tile of each page.
type: number
description: The minimum image size of the tile of each page.
type: number
description: The maximum image size of the tile of each page.
type: number
description: The minimum image size of the container of each page.
type: number
description: The maximum image size of the container of each page.
type: number
description: The viewport fraction of the PageView.
type: number
description: The top padding between the image and title of each page.
type: number
description: The font color of the title of each page. It should be in the format 0xAARRGGBB
.
type: string
description: A list of JSON objects that contain the title and image path for each page. The key for the title is title
, and the key for the image is filepath
and they are both strings. The image path should be relative to your dynamic files folder.
type: List<Object>
description: Enable or disable debug colors.
type: boolean
default: false
type value: "flutter_pillars"
description: The flutter pillars slide from the Flutter Live '18 presentation. Displays the four pillars and zooms in on each. Good example of custom content utilizing advancement steps.
Content Values:
This slide is very nuanced, an there are far too many values for this content type to list for this slide. We recommend just diving into presentation file and the dart file and playing around with the values.