CodeGen: add Flutter support

[manekinekko]

• add Component/Controler logic
• add spec file (if applicable)
• add HTML/XML/View (if applicable)
• add styles
• add readme
• add export to stackblitz (or other external editor)
• add unit test
• add entry to the editor menu

See getting started: https://flutter.dev/docs/get-started/codelab

[romulocintra]

Love it can i work on that!?

[Jefiozie]

hey @romulocintra, do you have any updates on this issue? If you need any help just ping us.

[romulocintra]

Hi, @Jefiozie did not had time to look deeply on that .

But i found that code needed for flutter to paint the components will very different that one we output.

Meaning a simple Css equivalent file would be something like :

TextStyle(
  color: Colors.white,
  fontSize: 24.0,
  fontWeight: FontWeight.w900,
);

or something like :

 color: Color.fromRGBO(0, 0, 0, 0.8),
    fontFamily: 'NotoSans',
    fontSize: 32.0,
    fontStyle: FontStyle.normal,
    fontWeight: FontWeight.bold,

This means we must create some transforms to be really applied as style , beside of that all layout part isn't easy to apply at this stage.

I saw this article that talks about a possible web implementation but i see easy to implement a Dart export than the flutter at this point.

[romulocintra]

@manekinekko any friend from google involved on flutter project that can give us a hand ?

[shikanime]

I wrote a simple design document that should highlight some points about how we can implement Flutter in CodeGen assuming a minimal knowledge of the xLayers flow (CodeGen services). https://docs.google.com/document/d/1xO6GvXif8AAubMrvTeC2PglcpQrWdVmvIY2bDfxOQl4/edit?usp=sharing

[romulocintra]

I wrote a simple design document that should highlight some points about how we can implement Flutter in CodeGen assuming a minimal knowledge of the xLayers flow (CodeGen services). https://docs.google.com/document/d/1xO6GvXif8AAubMrvTeC2PglcpQrWdVmvIY2bDfxOQl4/edit?usp=sharing

Very good 👍