Create Simple Smiley UI Using Flutter…

Spread the love
import 'package:flutter/material.dart';

void main()
{
  runApp(
      MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          body: Align(
            child: Center(
              child: Container(
                alignment: Alignment.topCenter,
                height: 300,
                width: 300,
                decoration: BoxDecoration(
                  color: Colors.orange,
                  borderRadius: BorderRadius.circular(150)
                ),
                child: Container(
                  alignment: Alignment.topCenter,
                  height: 250,
                  width: 250,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(150),
                    color: Colors.white,
                  ),
                  child: Container(
                    alignment: const Alignment(0.6,0),
                    height: 230,
                    width: 260,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(140),
                      color: Colors.orange,
                    ),
                    child: Container(
                      alignment: const Alignment(-70,0),
                      height: 60,
                      width: 60,
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(130),
                        color: Colors.white,
                      ),
                      child: Container(
                        alignment: Alignment.bottomCenter,
                        height: 57,
                        width: 57,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(100),
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ),
          bottomNavigationBar: Container(
            alignment: Alignment.center,
            height: 70,
            width: 120,
            color: Colors.orange,
            child: const Text("Emoji",style: TextStyle(
              fontSize: 25,
              color: Colors.white
            ),
            ),
          ),
        ),
      ),
  );
}

Related Posts

fibonacci-serics

how to print fibonacci serics in turbo c++

Spread the love

fibonacci serics

flutter

Online furniture order app in a flutter. dynamic UI in a flutter.

Spread the love

Spread the lovemain.dart file

Gallery Viewer app in flutter

Create a Gallery Viewer app in Flutter

Spread the love

Spread the loveThis Is The Description Of Our App Create a Gallery Viewer app that contains atAt least 10 images (5 from aet and 5 fromnetwork From…

Leave a Reply

Your email address will not be published. Required fields are marked *