drawcall / c2f Goto Github PK

it is gold metaric css.

background: linear-gradient(120.07deg, #FFE5C5 17.61%, #D2B38B 50.22%, #F1DDC3 83.52%);

result is below

new Container( 
  decoration: BoxDecoration(
    image: new DecorationImage(
      image: new ExactAssetImage('linear-gradient(120.07deg, rgb(255, 229, 197) 17.61%, rgb(210, 179, 139) 50.22%, rgb(241, 221, 195) 83.52%'),
      fit: BoxFit.auto,
      repeat: ImageRepeat.repeat,
    ),
  )
),

but, strange

and BoxFit.auto, is a mistake.
BoxFit.fill, is better.

I am using this site to get Gradient colors in CSS. The code puts in a percentage in every color and Flutter throws an error while using the conversion. Can you fix it or tell me the way around it.

Color from Website -

CSS Code

background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);

Flutter Code generated -

Container(
  decoration: BoxDecoration(
    gradient: LinearGradient(
      begin: Alignment(0.0, 0.0),
      end: Alignment(0.707, -0.707),
      colors: [Color(0xff9a9e 0%00),Color(0xfad0c4 99%00),Color(0xfad0c4 100%00)],
    ),
  )
),

Error -

Error Message -

Expected to find ','.
Too many positional arguments: 1 expected, but 2 found.
Try removing the extra arguments.

Thanks for your code, this is helpful for my project with NodeJS.

I hope to install this from NPM.

Like npm install c2f.

Hi,

The HSL colors in the context of a linear gradient don't work.

The hsl colors should be converted to RGBA first. :)

Looks like this repository was transfered from organization flutterkit to tnfe. Now those links are failed.

css input:

background-color: #e0e0e0;
color:#e0e0e0;

Flutter

Container(
  child: Text(
    "Hello World",
    style: TextStyle(
      color: Color(0xE0E0E000),
    ),
  ),
  decoration: BoxDecoration(
    color: Color(0xE0E0E000),
  )
),

error:
#e0e0e0 should be 0xFFE0E0E0 not 0xE0E0E000

FF 0xFFE0E0E0

css input:
text-decoration: underline;

Flutter output:

Container(
child: Text(
"Hello World",
style: TextStyle(
textDecorationLine: TextDecoration.underline,
textDecorationStyle: TextDecorationStyle.solid,
textDecorationColor: Color(0x00000000),
),
),
),

error:

The named parameter 'textDecorationLine' isn't defined.
Try correcting the name to an existing named parameter's name, or defining a named parameter with the name 'textDecorationLine'.dartundefined_named_parameter

flutter version sdk

sdk: ">=2.16.1 <3.0.0"

This works for me

Text(
"Hello World",
style: TextStyle(
decoration: TextDecoration.underline
)