UI частина. Створення сторінки home

ВІДЕО РЕЗУЛЬТАТ після виконання всіх дій з сторінкою home.

Перейдемо до виконання

На цій сторінці використовуємо наступні віджети:

function віджет (розтягнутий на всю ширину та орієнтовно 7-10px висоти, використовується як навігаційне меню):
- - text віджет;
  - 4 button віджети;
grid layout віджет:
- - row container віджет:
    - - input віджет;
      - text віджет;
      - slider віджет;
      - 2 button віджети;
  - row container віджет:
    - - carousel віджет;
modal віджет 1 (наведено повний список віджетів, які мають бути в модальному вікні. Частина з них буде додана автоматично):
- - 2 text віджети;
  - 2 icon button віджети(icon: plus and cross);
  - select віджет;
  - button віджет;
modal віджет 2(наведено повний список віджетів, які мають бути в модальному вікні. Частина з них буде додана автоматично):
- - text віджет;
  - icon button віджет;
  - button віджет;
  - input віджет;

Фукціональний віджет автоматично буде присутній на всіх сторінках після того, як ви його поставите на сторінці home. Спершу створюємо його. Кожна з кнопок здійснює редірект на інші сторінки(Collections, SingleCollection, Gallery, FilteredGallery). Label кнопки вказує назву, на яку буде здійснено редірект.

Віджет grid layout повинен мати одинакову висоту на всіх сторінках, його background - transparent. У ньому знаходяться два row container, у яких вже інші віджети.

До function віджет та row container додаємо box shadow та border radius.

На цьому зображенні зелений фон( для прикладу!) має віджет grid layout, білі - row container, в нижньому row container - віджет carousel має сині рамки.

Не забуваємо називати віджети правильно!

Вигляд сторінки: