Class “Row”

Object > NativeObject > Widget > Composite > Row

A composite with the layout property initialized with a RowLayout. All children are automatically arranged in one horizontal row, starting from the left.

Type: Row extends Composite
Constructor: public
Singleton: No
Namespace: tabris
Direct subclasses: None
JSX Support: Element: <Row/>
Parent Elements: <Canvas/>, <Cell/>, <Composite/>, <Page/>, <RefreshComposite/>, <Row/>, <ScrollView/>, <Stack/>, <Tab/>
Child Elements: Any standalone widget element

Examples

JavaScript

import {Row, contentView, TextView} from 'tabris';

const row = new Row({
  layoutData: 'stretch',
  spacing: 16
}).appendTo(contentView);

row.append(
  new TextView({text: 'one'}),
  new TextView({text: 'two'}),
  new TextView({text: 'three'})
);

See also:

JSX Creating a simple Row [► Run in Playground]
JSX Creating a Row with vertical alignment [► Run in Playground]
JSX Creating a Row with horizontal alignment [► Run in Playground]

Constructor

new Row(properties?)

Parameter Type Description
properties Properties<Row> Sets all key-value pairs in the properties object as widget properties. Optional.

Properties

alignment

Determines the vertical placement of the children.

For stretchY to work correctly the Row needs to be given a height either by setting height or by setting top and bottom.

If baseline is set the first widget in the row will determine where that baseline is. By setting top, bottom or centerY on that widget the baseline can be shifted.

Type: 'top'
| 'centerY'
| 'stretchY'
| 'bottom'
| 'baseline'
Default: 'top'
Settable: By Constructor or JSX
Change Event: Not supported

This property can only be set via constructor or JSX. Once set, it cannot change anymore.

See also:

JSX row-alignment.jsx [► Run in Playground]

layout

The row layout manager responsible for interpreting the layoutData of the child widgets of this Composite.

Type: RowLayout
Default: RowLayout
Settable: By Constructor or JSX
Change Event: Not supported

This property can only be set via constructor or JSX. Once set, it cannot change anymore.

spacing

The space between the children in device independent pixel.

Type: number
Default: 0
Settable: By Constructor or JSX
Change Event: Not supported

This property can only be set via constructor or JSX. Once set, it cannot change anymore.