react-native-navigation/website/docs/layout-options.mdx

---
id: layout-options
title: Layout Options
sidebar_label: Layout
---

```js
const options = {
  layout: {}
};
```

### `fitSystemWindows`

| Type    | Required | Platform |
| ------- | -------- | -------- |
| boolean | No       | Both     |

### `backgroundColor`

Set the screen background color.

| Type  | Required | Platform |
| ----- | -------- | -------- |
| Color | No       | Both     |

### `componentBackgroundColor`

Set background color only for components, helps reduce overdraw if background color is set in default options.

| Type  | Required | Platform |
| ----- | -------- | -------- |
| Color | No       | Android  |

### `orientation`

Set the allowed orientations.

| Type                      | Required | Platform |
| ------------------------- | -------- | -------- |
| ['portrait', 'landscape'] | No       | Both     |

### `topMargin`

Set the layout top margin.

| Type   | Required | Platform |
| ------ | -------- | -------- |
| number | No       | Android  |

### `direction`

Set language direction, only works with DefaultOptions.

| Type               | Required | Platform |
| ------------------ | -------- | -------- |
| enum('rtl', 'ltr') | No       | Both     |