# Screens

### Description

Screens are place inside `src/screens`  folder and they render the complete UI for any part of your project. Screens are simply receiving props from outside and render the data. Here's the list of awailable screens:

### Calendar

Allows you to build a customisable calendar with events. Built around <https://github.com/wix/react-native-calendars>

<div align="left"><img src="https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6GQgz5CfsILWnP5tV%2Fimage.png?alt=media&#x26;token=fe14f5d5-0686-475b-b0b2-a7baa2290bd5" alt="Calendar Screen"></div>

### Grids

We have 3 grid styles available. This screens are receiving data from props and render in a way you choose. You can choose from 3 different styles:

1. Simple bricks

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6HFmlsRoyCe33QaJT%2Fimage.png?alt=media\&token=e6945f6a-c551-46c5-964f-546d54bc21b0)

2\. One-line grid

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6HMwp5VhA6o0B5Fuk%2Fimage.png?alt=media\&token=84f62e7d-3048-4458-be7a-e2c3ffd2abe8)

3\. One-line informative grid

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6HRD5RAJ6p4Vn784F%2Fimage.png?alt=media\&token=06d9712d-b6c7-4b1c-a17b-76b4bc734b82)

### Product page

Product page is a page for describing any goods you want to sell. It has an image slider, picker, description.

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6H_2Ftl0XxwkuCmIE%2Fimage.png?alt=media\&token=b6c3ac74-cb5e-4475-b5b7-ffca58844721)

### Charts

Our charts are customisable  and built based on <https://github.com/FormidableLabs/victory-native>

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6IEFcyK6kSfYLldUE%2Fimage.png?alt=media\&token=454db4cf-c574-4f21-8d7b-d8ee4c0e8b02)

### Gallery

Screen for displaying images in instagram-style

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6IN3elikwJyrgDD9g%2Fimage.png?alt=media\&token=e5e93697-b02f-4bf8-bb26-1e958918811d)

### User profile

Displays the profile info, social link, etc.

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6JBjqFA5CGIpPRYdo%2Fimage.png?alt=media\&token=878095e1-dde1-4fc2-85f3-507bf75f7244)

### Chat and messages

You can build you own messaging system based on this screens.

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6JQSrNZRZcNzW8vKn%2Fimage.png?alt=media\&token=aaca33a1-e0f8-47bd-b32e-ab963a7cdc9a)

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6JTlDXTGAqVdhLB-c%2Fimage.png?alt=media\&token=0b188db9-1c8f-4e8e-b975-6589d5d3d751)

### Login/Registration screen

![](https://1974771079-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LK6D3dfAKckmlwkiENO%2F-LK6EdAYwJby8kePP1OP%2F-LK6Ja8VNYrKcWLaxlZS%2Fimage.png?alt=media\&token=29370643-94c8-4e4f-b361-1335c64ccbb6)