Components

CardItem(imageUrl, title, bait, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
bait String

bait
theme Object

theme

CarouselItem(imageUrl, title, bait, description, isEventStarted, prettyHour, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
bait String

bait
description String

description
isEventStarted boolean

is event started
prettyHour String

time to start
theme Object

theme

ColorIcon(size, color)

Parameters:
Name Type Description
size Number

width and height
color String

color

CustomDrawer(theme, navigation, state, miniWidth, maxWidth, options, timeOutValue)

Parameters:
Name Type Description
theme Object

theme
navigation Object

form react navigation
state Object

form react navigation
miniWidth Number

drawer mini width
maxWidth Number

drawer max width when is open
options Object

{ icons: Array, customNavigation: Array }
timeOutValue Number

delta between opening and closing without action
Example
// Custom navigation example :
options={
                {
                    icons: [
                        { name: 'Home', source: require('../../assets/images/MediaCenter.png') },
                        // demo profile sans source --> { name: 'Profile', source: require('../../assets/images/Profile.png') },
                        { name: 'Profile' },
                        { name: 'Login', source: require('../../assets/images/Login.png') }
                    ],
                    customNavigation: [
                        { name: 'Theme default', action: (item) => dispatchGlobalState({ type: GlobalStates.CHANGE_THEME, theme: THEMES.DEFAULT }) },
                        { name: 'Theme layout', action: (item) => dispatchGlobalState({ type: GlobalStates.CHANGE_THEME, theme: THEMES.LAYOUT }) }
                    ]
                }
            }

FlatScrollView(id, rowData, Function})

Parameters:
Name Type Description
id String

unique id
rowData Array | Object

data to render
Function}

onItemPress - params : String item

FlatScrollViewItem(imageUrl, title, bait, isEventStarted, prettyDuration, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
bait String

bait
isEventStarted boolean

is event started
prettyDuration String

time to start
theme Object

theme

GridScrollView(rowData, type, parent, focusElementRef, onItemPress, onItemFocus, onItemBlur)

Parameters:
Name Type Description
rowData Array | Object

data to render
type String

media type
parent Object

{ parentIndex: Number, parentName: String }
focusElementRef Object

media to focus on start
onItemPress function

params : String item
onItemFocus function

params : String item, Number index, String key
onItemBlur function

params : String item

MediaItem(imageUrl, title, bait, isEventStarted, prettyDuration, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
bait String

bait
isEventStarted boolean

is event started
prettyDuration String

time to start
theme Object

theme

MediaItemTime(isEventStarted, text, style, font, theme)

Parameters:
Name Type Description
isEventStarted boolean

is event started
text String

image url
style Class

style
font String

font
theme Object

theme

MediaLabelItem(imageUrl, title, bait, isEventStarted, prettyHour, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
bait String

bait
isEventStarted boolean

is event started
prettyHour String

time to start
theme Object

theme

PosterItem(imageUrl, title, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
theme Object

theme

RoundItem(imageUrl, title, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
theme Object

theme

SwimLane(id, data, renderItem, titleopt, parent, type, reducer, componentStyle, focusElementRef, onLayout, onItemPress, onItemFocus, onItemBlur)

Parameters:
Name Type Attributes Description
id String

unique id
data Array | Object

data to render
renderItem Class

render component
title String <optional>

swimlane title
parent Object

{ parentIndex: Number, parentName: String }
type String

media type
reducer Object

dispatch action
componentStyle Class

swimlane style
focusElementRef Object

media to focus on start
onLayout function

params : String name, Array list
onItemPress function

params : String item
onItemFocus function

params : String item, Number index, String key
onItemBlur function

params : String item

SwimLane(id, data, renderItem, titleopt, parent, type, reducer, componentStyle, focusElementRef, onLayout, onItemPress, onItemFocus, onItemBlur)

swimlane for web platform

Parameters:
Name Type Attributes Description
id String

unique id
data Array | Object

data to render
renderItem Class

render component
title String <optional>

swimlane title
parent Object

{ parentIndex: Number, parentName: String }
type String

media type
reducer Object

dispatch action
componentStyle Class

swimlane style
focusElementRef Object

media to focus on start
onLayout function

params : String name, Array list
onItemPress function

params : String item
onItemFocus function

params : String item, Number index, String key
onItemBlur function

params : String item
See:
To Do:
  • Add support for TV Devices: Platform.isTV hasTVPreferredFocus nextFocusLeft nextFocusRight nextFocusTop nextFocusBottom. Next Focused Element need to be showing. Swimlane scroll to index 0 when none of these children are focused. Check and modify setSwimLaneFocus function with the swimlane focus management starting by index 0 at the beginning

SwimLaneHeaderTitle(title, theme)

Parameters:
Name Type Description
title String

titre
theme Object

theme

TopicItem(imageUrl, title, theme)

Parameters:
Name Type Description
imageUrl String

image url
title String

titre
theme Object

theme