Flutter ImageCook 生成的 Flutter Code 代码预览

137 min read
import 'package:flutter/material.dart';
          class Page0 extends StatelessWidget {
          @override
          Widget build(BuildContext context) {
            return Container(
      height: 667.00,
child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[class Block1 extends StatelessWidget {
          @override
          Widget build(BuildContext context) {
            return Positioned(
      child: Container(
      child: Image(
      image: new NetworkImage('./images/img_0.png'),
fit: BoxFit.fill,
height: 667.00
    )
    ),
top: 0.00
    );
          }
        },
class Block2 extends StatelessWidget {
          @override
          Widget build(BuildContext context) {
            return Container(
      child: Image(
      image: new NetworkImage('./images/img_1.png'),
fit: BoxFit.fill,
height: 306.00
    )
    );
          }
        },
class Block3 extends StatelessWidget {
          @override
          Widget build(BuildContext context) {
            return Container(
      child: Image(
      image: new NetworkImage('./images/img_2.png'),
fit: BoxFit.fill,
height: 306.00
    )
    );
          }
        },
class Block4 extends StatelessWidget {
          @override
          Widget build(BuildContext context) {
            return Positioned(
      child: Container(
      child: Row(
      crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Positioned(
      child: Container(
      width: 347.50,
height: 253.50,
child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      width: 331.50,
margin: const EdgeInsets.fromLTRB(0,6.50,0,-17.50),
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_3.png'),
fit: BoxFit.fill,
width: 15.00,
height: 9.00
    ),
width: 15.00,
height: 9.00,
margin: const EdgeInsets.fromLTRB(0,0,3.50,0)
    ),
Image(
      image: new NetworkImage('./images/img_4.png'),
fit: BoxFit.fill,
width: 13.50,
height: 9.00
    )]
    ),
Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_5.png'),
fit: BoxFit.fill,
width: 6.50,
height: 11.00
    ),
width: 6.50,
height: 11.00,
margin: const EdgeInsets.fromLTRB(0,0,4.00,0)
    ),
Container(
      child: Text('100%',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 255, 255, 255),
fontSize: 5.50)
    ),
margin: const EdgeInsets.fromLTRB(0,0.50,4.50,0)
    ),
Container(
      child: Image(
      image: new NetworkImage('./images/img_6.png'),
fit: BoxFit.fill,
width: 24.00,
height: 10.50
    ),
width: 24.00,
height: 10.50,
margin: const EdgeInsets.fromLTRB(0,0.50,4.00,0)
    ),
Container(
      child: Text('9:41 AM',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 255, 255, 255),
fontSize: 5.50)
    ),
margin: const EdgeInsets.fromLTRB(0,0.50,0,0)
    )]
    )]
    )
    ),
Container(
      width: 188.50,
margin: const EdgeInsets.fromLTRB(0,33.50,5.50,0),
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[Text('我的',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 255, 255, 255),
fontSize: 18.00)
    ),
Container(
      height: 28.00,
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_7.png'),
fit: BoxFit.fill,
width: 18.50,
height: 6.50
    ),
width: 43.00
    ),
Container(
      width: 0.50,
height: 18.50,
margin: const EdgeInsets.fromLTRB(0,0.00,0.50,0),
decoration: BoxDecoration(color: Color.fromARGB(255, 255, 255, 255))
    ),
Container(
      child: Image(
      image: new NetworkImage('./images/img_8.png'),
fit: BoxFit.fill,
width: 18.00,
height: 18.00
    ),
width: 41.00
    )]
    ),
decoration: BoxDecoration(borderRadius: BorderRadius.circular(14.00))
    )]
    )
    ),
Container(
      margin: const EdgeInsets.fromLTRB(17.50,30.50,0,0),
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Positioned(
      child: Image(
      image: new NetworkImage('./images/img_9.png'),
fit: BoxFit.fill,
width: 65.50,
height: 65.50
    ),
top: 2.00,
left: 2.00,
width: 65.50,
height: 65.50
    ),
Stack(
      children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_10.png'),
fit: BoxFit.fill,
width: 70.00,
height: 70.00
    ),
width: 70.00,
height: 70.00,
margin: const EdgeInsets.fromLTRB(0,0,20.00,0)
    )]
    ),
Container(
      width: 134.50,
margin: const EdgeInsets.fromLTRB(0,0.50,0,0),
child: Column(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      child: Text('123456',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 255, 255, 255),
fontSize: 20.00)
    ),
margin: const EdgeInsets.fromLTRB(0,-0.50,10.00,0)
    ),
Container(
      child: Container(
      child: Text('UI设计师',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 94, 171, 247),
fontSize: 12.00)
    ),
margin: const EdgeInsets.fromLTRB(0,1.00,0,0)
    ),
width: 60.00,
height: 21.00,
decoration: BoxDecoration(color: Color.fromARGB(255, 255, 255, 255),borderRadius: BorderRadius.circular(10.50))
    )]
    ),
Stack(
      children: <Widget>[Container(
      child: Text('研发中心 - 软件开发部',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 255, 255, 255),
fontSize: 14.00)
    ),
margin: const EdgeInsets.fromLTRB(0,15.00,0,0)
    )]
    )]
    )
    )]
    )
    )]
    )
    ),
top: 0.00,
right: 11.50,
width: 347.50,
height: 253.50
    ),
Container(
      margin: const EdgeInsets.fromLTRB(0,181.00,0,0),
child: Column(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      width: 304.50,
margin: const EdgeInsets.fromLTRB(0,30.00,0,0),
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_11.png'),
fit: BoxFit.fill,
width: 18.50,
height: 21.50
    ),
width: 18.50,
height: 21.50,
margin: const EdgeInsets.fromLTRB(0,0,15.50,0)
    ),
Text('我的资料',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 51, 51, 51),
fontSize: 16.00)
    )]
    ),
Image(
      image: new NetworkImage('./images/img_12.png'),
fit: BoxFit.fill,
width: 9.00,
height: 15.50
    )]
    )
    ),
Container(
      width: 305.00,
margin: const EdgeInsets.fromLTRB(0,30.00,0,0),
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_13.png'),
fit: BoxFit.fill,
width: 19.50,
height: 19.00
    ),
width: 19.50,
height: 19.00,
margin: const EdgeInsets.fromLTRB(0,0,14.50,0)
    ),
Container(
      child: Text('修改密码',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 51, 51, 51),
fontSize: 16.00)
    ),
margin: const EdgeInsets.fromLTRB(0,1.00,0,0)
    )]
    ),
Container(
      child: Image(
      image: new NetworkImage('./images/img_14.png'),
fit: BoxFit.fill,
width: 9.00,
height: 15.50
    ),
width: 9.00,
height: 15.50,
margin: const EdgeInsets.fromLTRB(0,0.50,0,0)
    )]
    )
    ),
Container(
      child: Text('退出登录',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 255, 255, 255),
fontSize: 18.00)
    ),
height: 40.00,
margin: const EdgeInsets.fromLTRB(0,207.50,0,0),
padding: const EdgeInsets.fromLTRB(94.50,0,94.50,0)
    ),
Container(
      height: 48.00,
margin: const EdgeInsets.fromLTRB(0,90.00,0,0),
child: Row(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[Container(
      margin: const EdgeInsets.fromLTRB(0,-2.00,101.00,0),
child: Column(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Stack(
      children: <Widget>[Image(
      image: new NetworkImage('./images/img_15.png'),
fit: BoxFit.fill,
width: 22.00,
height: 22.00
    )]
    ),
Stack(
      children: <Widget>[Container(
      child: Text('首页',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 153, 153, 153),
fontSize: 10.00)
    ),
margin: const EdgeInsets.fromLTRB(0,3.00,0,0)
    )]
    )]
    )
    ),
Container(
      margin: const EdgeInsets.fromLTRB(0,-2.50,101.00,0),
child: Column(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Container(
      child: Image(
      image: new NetworkImage('./images/img_16.png'),
fit: BoxFit.fill,
width: 21.00,
height: 21.00
    ),
width: 22.00,
height: 22.00,
decoration: BoxDecoration(color: Color.fromARGB(255, 22, 208, 255))
    ),
Stack(
      children: <Widget>[Container(
      child: Text('流程申请',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 153, 153, 153),
fontSize: 10.00)
    ),
margin: const EdgeInsets.fromLTRB(0,3.00,0,0)
    )]
    )]
    )
    ),
Column(
      crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[Stack(
      children: <Widget>[Image(
      image: new NetworkImage('./images/img_17.png'),
fit: BoxFit.fill,
width: 18.50,
height: 23.00
    )]
    ),
Stack(
      children: <Widget>[Container(
      child: Text('我的',
      textAlign: TextAlign.left,
      style: TextStyle(color: Color.fromARGB(255, 51, 135, 255),
fontSize: 10.00)
    ),
margin: const EdgeInsets.fromLTRB(0,2.50,0,0)
    )]
    )]
    )]
    ),
decoration: BoxDecoration(color: Color.fromARGB(255, 255, 255, 255))
    )]
    ),
decoration: BoxDecoration(color: Color.fromARGB(255, 255, 255, 255))
    )]
    )
    ),
top: 0.00
    );
          }
        }]
    ),
decoration: BoxDecoration(color: Color.fromARGB(255, 255, 255, 255))
    );
          }
        }

结论

简单页面还行,复杂页面上来就给你整 stack ;

命名比较垃圾,失败;

宽度计算有问题,失败;

生成代码没有格式化,失败;

生成的代码粘进去注报错,失败;