# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.reactnativestarter.com/screens.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.