Skip to content

GridView

GridView is a layout manager that organizes widgets in a grid layout.

Example

example_grid.tsx
import { GridView, GridRow, GridColumn, Text } from '@vixen-js/core-react';
export function gridLayoutExample() {
return (
<GridView>
<GridRow>
<GridColumn><Text>Hello World</Text></GridColumn>
<GridColumn><Text>Hello World</Text></GridColumn>
</GridRow>
<GridRow>
<GridColumn ><Text>Hello World</Text></GridColumn>
<GridColumn ><Text>Hello World</Text></GridColumn>
</GridRow>
</GridView>
)
}

Learn More about GridView in: https://doc.qt.io/qt-6/gridView.html