> For the complete documentation index, see [llms.txt](https://docs.reactnativestarter.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.reactnativestarter.com/screens.md).

# 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="/files/-LK6GQgz5CfsILWnP5tV" 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

![](/files/-LK6HFmlsRoyCe33QaJT)

2\. One-line grid

![](/files/-LK6HMwp5VhA6o0B5Fuk)

3\. One-line informative grid

![](/files/-LK6HRD5RAJ6p4Vn784F)

### Product page

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

![](/files/-LK6H_2Ftl0XxwkuCmIE)

### Charts

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

![](/files/-LK6IEFcyK6kSfYLldUE)

### Gallery

Screen for displaying images in instagram-style

![](/files/-LK6IN3elikwJyrgDD9g)

### User profile

Displays the profile info, social link, etc.

![](/files/-LK6JBjqFA5CGIpPRYdo)

### Chat and messages

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

![](/files/-LK6JQSrNZRZcNzW8vKn)

![](/files/-LK6JTlDXTGAqVdhLB-c)

### Login/Registration screen

![](/files/-LK6Ja8VNYrKcWLaxlZS)