make a container circular in flutter

mathiasgodwin answered on October 13, 2020 Popularity 7/10 Helpfulness 5/10

answer make a container circular in flutter

related flutter circular container

make a container circular in flutter

Comment

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}


class _MyAppState extends State<myapp> {
  double padValue = 0;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Container as a Circle"),
        ),

        body: Container(
          margin: EdgeInsets.all(100.0),
          decoration: BoxDecoration(
            color: Colors.orange,
            shape: BoxShape.circle // Change the box shape
          ),
        )
      ),
    );
  }
}

Popularity 7/10 Helpfulness 5/10 Language dart

Source: fluttercentral.com

Tags: dart flutter

Link to this answer
Share Copy Link

Contributed on Jan 26 2023

mathiasgodwin

0 Answers Avg Quality 2/10

Closely Related Answers

flutter circular container

Comment

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)

Popularity 10/10 Helpfulness 9/10 Language whatever

Source: stackoverflow.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Oct 13 2020

hiwa_dev

0 Answers Avg Quality 2/10

make a container circular in flutter

Contents

More Related Answers

make a container circular in flutter

Closely Related Answers

flutter circular container

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.