Untitled

 avatar
unknown
plain_text
2 years ago
16 kB
5
Indexable
import 'package:flutter/material.dart';


class Menu3Widget extends StatelessWidget {
          @override
          Widget build(BuildContext context) {
          // Figma Flutter Generator Menu3Widget - FRAME
            return Container(
      width: 375,
      height: 812,
      decoration: BoxDecoration(
          color : Color.fromRGBO(19, 15, 35, 1),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: null
      ),Positioned(
        top: 42,
        left: 0,
        child: Container(
      width: 375,
      height: 70,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
      width: 375,
      height: 70,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
        width: 375,
        height: 70,
        decoration: BoxDecoration(
          color : Color.fromRGBO(72, 78, 99, 0.30000001192092896),
  )
      )
      ),Positioned(
        top: 13,
        left: 16.348773956298828,
        child: Container(
      width: 40.87193298339844,
      height: 40,
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(100),
            topRight: Radius.circular(100),
            bottomLeft: Radius.circular(100),
            bottomRight: Radius.circular(100),
          ),
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 8,
        left: 8,
        child: null
      ),
        ]
      )
    )
      ),Positioned(
        top: 17.4615478515625,
        left: 0,
        child: Container(
      decoration: BoxDecoration(
          
  ),
      padding: EdgeInsets.symmetric(horizontal: 0, vertical: 0),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[Text('Tutorial', textAlign: TextAlign.center, style: TextStyle(
        color: Color.fromRGBO(14, 14, 14, 1),
        fontFamily: 'Poppins',
        fontSize: 20,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.6
      ),),
],
      ),
    )
      ),Positioned(
        top: 814.884521484375,
        left: -1602.4549560546875,
        child: Container(
      width: 383.17437744140625,
      height: 46.153846740722656,
      decoration: BoxDecoration(
          
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 4,
        left: 0,
        child: Container(
      decoration: BoxDecoration(
          
  ),
      padding: EdgeInsets.symmetric(horizontal: 16, vertical: 0),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(155, 63, 191, 1),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ), SizedBox(width : 8),
Container(
      decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
            bottomLeft: Radius.circular(24),
            bottomRight: Radius.circular(24),
          ),
      color : Color.fromRGBO(51, 51, 51, 0.800000011920929),
  ),
      padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        
        children: <Widget>[
          Text('Section ', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Gothic A1',
        fontSize: 16,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1.5
      ),),

        ],
      ),
    ),

        ],
      ),
    )
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),Positioned(
        top: 132,
        left: 25,
        child: Container(
      width: 325,
      height: 650,
      decoration: BoxDecoration(
          
  ),
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
      width: 325,
      height: 1324,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Container(
      width: 325,
      height: 1324,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 94,
        left: 0,
        child: Container(
        width: 325,
        height: 200,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(10),
            topRight: Radius.circular(10),
            bottomLeft: Radius.circular(10),
            bottomRight: Radius.circular(10),
          ),
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      )
      ),Positioned(
        top: 0,
        left: 0,
        child: Container(
      width: 318,
      height: 74,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Text('Siapkan Kertas A4', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Poppins',
        fontSize: 20,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 30,
        left: 0,
        child: Text('Kertas berukuran A4 digunakan sebagai alas untuk kaki Anda ketika melakukan pengukuran.', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'DM Sans',
        fontSize: 14,
        letterSpacing: 0.20000000298023224,
        fontWeight: FontWeight.normal,
        height: 1.5714285714285714
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 408,
        left: 0,
        child: Container(
        width: 325,
        height: 200,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(10),
            topRight: Radius.circular(10),
            bottomLeft: Radius.circular(10),
            bottomRight: Radius.circular(10),
          ),
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      )
      ),Positioned(
        top: 314,
        left: 0,
        child: Container(
      width: 318,
      height: 74,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Text('Posisikan Kertas', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Poppins',
        fontSize: 20,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 30,
        left: 0,
        child: Text('Posisikan kertas berukuran A4 pada permukaan lantai yang rata dan tempatkan di tepi dinding.', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'DM Sans',
        fontSize: 14,
        letterSpacing: 0.20000000298023224,
        fontWeight: FontWeight.normal,
        height: 1.5714285714285714
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 766,
        left: 0,
        child: Container(
        width: 325,
        height: 200,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(10),
            topRight: Radius.circular(10),
            bottomLeft: Radius.circular(10),
            bottomRight: Radius.circular(10),
          ),
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      )
      ),Positioned(
        top: 628,
        left: 0,
        child: Container(
      width: 318,
      height: 118,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Text('Letakkan Kaki di Atas Kertas', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Poppins',
        fontSize: 20,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 30,
        left: 0,
        child: Text('Letakkan kaki Anda di atas kertas yang sudah disiapkan. Pastikan area tumit Anda menempel pada dinding, dan bagian mata kaki terlihat dengan jelas.', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(3, 3, 3, 1),
        fontFamily: 'DM Sans',
        fontSize: 14,
        letterSpacing: 0.20000000298023224,
        fontWeight: FontWeight.normal,
        height: 1.5714285714285714
      ),)
      ),
        ]
      )
    )
      ),Positioned(
        top: 1124,
        left: 0,
        child: Container(
        width: 325,
        height: 200,
        decoration: BoxDecoration(
          borderRadius : BorderRadius.only(
            topLeft: Radius.circular(10),
            topRight: Radius.circular(10),
            bottomLeft: Radius.circular(10),
            bottomRight: Radius.circular(10),
          ),
      image : DecorationImage(
          image: AssetImage('assets/images/Image.png'),
          fit: BoxFit.fitWidth
      ),
  )
      )
      ),Positioned(
        top: 986,
        left: 0,
        child: Container(
      width: 318,
      height: 118,
      
      child: Stack(
        children: <Widget>[
          Positioned(
        top: 0,
        left: 0,
        child: Text('Ambil Gambar dengan Jelas', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(255, 255, 255, 1),
        fontFamily: 'Poppins',
        fontSize: 20,
        letterSpacing: 0,
        fontWeight: FontWeight.normal,
        height: 1
      ),)
      ),Positioned(
        top: 30,
        left: 0,
        child: Text('Posisikan ponsel Anda pada sudut atas sehingga area kaki dan kertas dapat terlihat dengan jelas, kemudian ambil gambar dan tunggu hasil dari pengukuran kaki Anda.', textAlign: TextAlign.left, style: TextStyle(
        color: Color.fromRGBO(3, 3, 3, 1),
        fontFamily: 'DM Sans',
        fontSize: 14,
        letterSpacing: 0.20000000298023224,
        fontWeight: FontWeight.normal,
        height: 1.5714285714285714
      ),)
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),
        ]
      )
    )
      ),
        ]
      )
    );
          }
        }
        
Editor is loading...