proton-native/docs/component_APIs/window.md

Window

The window is the basis where all other components reside.

The following example creates a simple window, of size 500x500.

import React, { Component } from 'react';

import { render, Window, App } from 'proton-native';

class Example extends Component {
  render() {
    return (
      <App>
        <Window title="Example" height={500} width={500} />
      </App>
    );
  }
}

render(<Example />);

Props

• title
• size
• menuBar
• margined
• position
• fullscreen
• borderless
• lastWindow
• closed
• onClosing
• onPositionChanged
• onContentSizeChanged

Reference

title

The title of the window. Will be shown at the top left ribbon.

Type	Required
string	No

size

How big the window is when the application is first started.

Type	Required
object {h: number, w: number}	No

menuBar

Whether a menubar will be shown on the top of the window.

Type	Required
bool	No

margined

Whether all children will have a margin around them and the outer edge of the window.

Type	Required
bool	No

position

The location where the window will be started, where (0,0) is top left.

Type	Required
object {x: number, y: number}	No

fullscreen

Whether the window will be fullscreen on start.

Type	Required
bool	No

borderless

Whether the window will have a border on the inside.

Type	Required
bool	No

lastWindow

Whether the window is the last window. If set to true, then the program will quit once the window is closed.

Type	Required
bool	No

closed

Whether the window is closed. If set to closed, then the window will be closed.

Type	Required
bool	No

onClosing

Called when the window is closed.

Type	Required
function()	No

onPositionChanged

Called when the window position is changed. The new position is passed as an argument, in an object.

Type	Required
function({x: number, y: number})	No

onContentSizeChanged

Called when the window size is changed by the user. The new size is passed as an argument, in an object.

Type	Required
function({h: number, y: number})	No