@tairu/react-native

React Native client for Tairu tiles.

Installation

npm install @tairu/react-native

Classes

ReactNativeRenderer

Extends

• Renderer<ReactNode>

Constructors

new ReactNativeRenderer()

new ReactNativeRenderer(): ReactNativeRenderer

Returns

ReactNativeRenderer

Inherited from

Renderer.constructor

Methods

createBox()

createBox(props, children): Element

Parameters

props

props.children

({props: object;type: "Box" | "Image" | "Text"; } | object[])[]

props.key

string

props.style

object

props.style.alignItems

"center" | "flex-start" | "flex-end"

props.style.alignSelf

"auto" | "center" | "flex-start" | "flex-end"

props.style.backgroundClip

"text" | "border-box"

props.style.backgroundColor

string

props.style.backgroundImage

string

props.style.backgroundPosition

string

props.style.backgroundRepeat

"repeat" | "repeat-x" | "repeat-y" | "no-repeat"

props.style.backgroundSize

string

props.style.borderBottomColor

string

props.style.borderBottomLeftRadius

number

props.style.borderBottomRightRadius

number

props.style.borderBottomStyle

"solid" | "dashed"

props.style.borderBottomWidth

number

props.style.borderColor

string

props.style.borderLeftColor

string

props.style.borderLeftStyle

"solid" | "dashed"

props.style.borderLeftWidth

number

props.style.borderRadius

number

props.style.borderRightColor

string

props.style.borderRightStyle

"solid" | "dashed"

props.style.borderRightWidth

number

props.style.borderStyle

"solid" | "dashed"

props.style.borderTopColor

string

props.style.borderTopLeftRadius

number

props.style.borderTopRightRadius

number

props.style.borderTopStyle

"solid" | "dashed"

props.style.borderTopWidth

number

props.style.borderWidth

number

props.style.bottom

number

props.style.boxShadow

string

props.style.display

"none" | "flex"

props.style.flexBasis

number

props.style.flexDirection

"row" | "column" | "row-reverse" | "column-reverse"

props.style.flexGrow

number

props.style.flexShrink

number

props.style.flexWrap

"nowrap" | "wrap" | "wrap-reverse"

props.style.gap

number

props.style.height

number

props.style.justifyContent

"center" | "flex-start" | "flex-end" | "space-between" | "space-around"

props.style.left

number

props.style.margin

number

props.style.marginBottom

number

props.style.marginLeft

number

props.style.marginRight

number

props.style.marginTop

number

props.style.maxHeight

number

props.style.maxWidth

number

props.style.minHeight

number

props.style.minWidth

number

props.style.objectFit

"none" | "contain" | "cover"

props.style.opacity

number

props.style.overflow

"visible" | "hidden"

props.style.padding

number

props.style.paddingBottom

number

props.style.paddingLeft

number

props.style.paddingRight

number

props.style.paddingTop

number

props.style.position

"relative" | "absolute"

props.style.right

number

props.style.top

number

props.style.width

number

children

Children

Returns

Element

Overrides

Renderer.createBox

---

createBoxChildren()

createBoxChildren(children?, key?): ElementChildren<ReactNode>

Parameters

children?

{props: object;type: "Box" | "Image" | "Text"; }

children.props

object

children.type

"Box" | "Image" | "Text"

object[]

key?

string

Returns

ElementChildren<ReactNode>

Inherited from

Renderer.createBoxChildren

---

createElement()

createElement(el, key?): ReactNode

Parameters

el

el.props

object

el.type

"Box" | "Image" | "Text"

key?

string

Returns

ReactNode

Inherited from

Renderer.createElement

---

createImage()

createImage(props): ReactNode

Parameters

props

props.alt

string

props.height

number

props.key

string

props.src

string

props.width

number

Returns

ReactNode

Overrides

Renderer.createImage

---

createText()

createText(props, children): Element

Parameters

props

props.children

string | number | boolean | {props: object;type: "Text"; } | (string | number | boolean | {props: object;type: "Text"; })[]

props.key

string

props.style

object

props.style.color

string

props.style.fontFamily

string

props.style.fontSize

number

props.style.fontStyle

"normal" | "italic"

props.style.fontWeight

"bold" | "normal" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black"

props.style.letterSpacing

number

props.style.lineHeight

number

props.style.textAlign

"center" | "right" | "left" | "justify"

props.style.textDecoration

string

props.style.textOverflow

"clip" | "ellipsis"

props.style.textShadow

string

props.style.textTransform

"none" | "uppercase" | "lowercase" | "capitalize"

props.style.textWrap

"wrap" | "balance"

props.style.whiteSpace

"nowrap" | "normal" | "pre" | "pre-wrap" | "pre-line"

props.style.wordBreak

"normal" | "break-all" | "break-word" | "keep-all"

children

Children

Returns

Element

Overrides

Renderer.createText

---

createTextChildren()

createTextChildren(children?): ElementChildren<ReactNode>

Parameters

children?

string

number

boolean

{props: object;type: "Text"; }

children.props

object

children.type

"Text"

(string | number | boolean | {props: object;type: "Text"; })[]

Returns

ElementChildren<ReactNode>

Inherited from

Renderer.createTextChildren

---

render()

render(props): ReactNode

Parameters

props

RenderProps

Returns

ReactNode

Inherited from

Renderer.render

---

renderInteractions()

renderInteractions(props): ReactNode

Parameters

props

RenderInteractionsProps

Returns

ReactNode

Overrides

Renderer.renderInteractions

---

renderTile()

renderTile(props): ReactNode

Parameters

props

RenderTileProps<ReactNode>

Returns

ReactNode

Inherited from

Renderer.renderTile

Type Aliases

Children

Children: ElementChildren<ReactNode>

---

TileProps

TileProps: Omit<TileRendererProps, "handleOpenURI" | "renderLoadError" | "renderer"> & object

Type declaration

renderer?

optional renderer: ReactRenderer

renderLoadError()?

optional renderLoadError: (props) => ReactNode

Parameters

props

LoadErrorProps

Returns

ReactNode

Functions

Tile()

Tile(props): Element

Parameters

props

TileProps

Returns

Element