169 похожих чатов

Всем привет! Подскажите кто сталкивался с подобной задачей. Необходимо реализовать Бэкграунд

картинкой в верхней части экрана, а наверх наложить фон с градиентом таким образом, чтобы переход градиента был консистентным с картинкой. Так же при скролинге весь фон должен уезжать вверх (обычный скролл, т.е картинку вверху фиксировать не нужно) и на таком вот фоне с градиентом поверх всего рендерится основной контент.
Я пробовал множество реализаций, но как-то к хорошему решению, как бы это выглядело на вебе, не получилось. ПРимерное решение было вот такое:

https://paste.ubuntu.com/p/D5XBT6wXhT/

Но постоянная проблема с наслаиванием блоков. Быть может, кто-то сталкивался с подобной задачей?
ВОт как это выглядет на вебе и как это должно выглядеть на RN (один в один)

https://jsfiddle.net/Stafox/koh1Lajq/

3 ответов

3 просмотра

Я бы просто изначально картинку в пнг использовал, если я правильно понял, что должно получиться

а расскажите подробнее про то как фон должен уезжать

Я что то такое делал с Animated и onScroll, важно элемент который должен двигаться спозиционировать абсолютно и координаты через translateY задавать

Похожие вопросы

Обсуждают сегодня

А чем вам питонисты не угодили?😂
.
79
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Ребят, а за скок можно впарить анон чат с апишкой и веб админкой ?
Eugene Неелов
15
Ребят, кто сталкивался с тем, что Electron.js не разворачивает билд React.js-приложения? Голый body в чёрном цвете, как и должно быть, но остального - нет. Билд работает исп...
..
6
Ещё такой вопрос. Мне необходимо хранить пароль пользователя локально. Для этого планирую использовать ini файл. Это для автозаполнения полей логин и пароль при авторизации. Е...
Евгений
19
Anyone knows how to build this widget in Flutter? I have all the assets for round stations and the road, but how can I make the my widget animate between these stations? And h...
Mohammad Zamani
9
короче я не выдержал постоянно определять структуры, чтобы возвращать массивы разных типов. Как обычно еще это делают?
Павλо 🇺🇦
7
Подскажите как мне лучше держать websocket сединение и переодически передавать в него данные? Сначала я сделал так: for _ in 1...1000 { try? await ws.send("test") try...
Mihail Verenich
2
Ты просто гитлеровскую эстетику плохо понимаешь. Он же всё под Цезаря делал. А это как бы запрещённый приём в политике. Пиджаки они зачем все носят? Чтобы показать что они тип...
Ivan Kropotkin
4
А как лучше конвертировать физический адрес в виртуальный при маппинге? В случае ядра у меня, например, direct mapping, первые 768МБ я как есть мапплю в higher half, а остальн...
Evg Resh
26
Карта сайта