Как преобразовать линейный градиент из Figma в код Flutter/DartCSS

Разбираемся в CSS
Ответить
Anonymous
 Как преобразовать линейный градиент из Figma в код Flutter/Dart

Сообщение Anonymous »

У меня есть дизайн в Figma, содержащий цвет линейного градиента, который я хочу импортировать в Dart Code.
Дизайн выглядит следующим образом
Изображение

Цветовой код указан в CSS в Фигма

Код: Выделить всё

background: linear-gradient(110.52deg, #FFE080 0%, #CB5F00 100%);
border-radius: 15px;
Я хотел преобразовать CSS в Dart, чтобы максимально приблизиться к дизайну, и нашел два способа сделать это, но ни один из них не дает мне точных цветов.
Попробуйте 1 —
Веб-сайт с кодом CSS в Flutter — https://flutterkit.github.io/c2f/
Сайт преобразуется в следующий код с некоторым процентом, который Flutter не понимает.
Изображение

Попробуйте 2-
Плагин Figma для Flutter - https://www.figma.com/community/plugin/ ... aToFlutter
Это дает мне код, который работает во Flutter, но не является точным дизайном.

Код: Выделить всё

Container(
width: 340,
height: 208,
decoration: BoxDecoration(
borderRadius : BorderRadius.only(
topLeft: Radius.circular(15),
topRight: Radius.circular(15),
bottomLeft: Radius.circular(15),
bottomRight: Radius.circular(15),
),
gradient : LinearGradient(
begin: Alignment(0.5841947793960571,0.20964664220809937),
end: Alignment(-0.20964664220809937,0.21863843500614166),
colors: [Color.fromRGBO(255, 223, 127, 1),Color.fromRGBO(202, 95, 0, 1)]
),
),
),
Это изображение находится напротив, намного темнее и светлее по углам, чем исходный дизайн.
Изображение

Я хочу придерживаться дизайна, максимально приближенного к дизайну возможно и не делать этого, используя какие-то догадки. Пожалуйста, помогите мне.

Подробнее здесь: https://stackoverflow.com/questions/681 ... -dart-code
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»