Answers for "how to make a circle in flutter"

5

circle container flutter

Container(
	height: 300,
    width: 300,
    decoration: BoxDecoration(
                 border: Border.all(
                 color: Colors.red[500],
                	),
                 shape: BoxShape.circle,
               ),
    child: ...,
    ),
Posted by: Guest on January-25-2021
1

flutter circular container

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)
Posted by: Guest on October-13-2020
3

circle around icon flutter

CircleAvatar(
   backgroundColor: Colors.white,
   radius: 30,
   child: Icon(Icons.add),
),
Posted by: Guest on August-18-2020
0

Flutter make a circle container

import 'package:flutter/material.dart';

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

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


class _MyAppState extends State {
  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
          ),
        )
      ),
    );
  }
}
Posted by: Guest on May-01-2020

Code answers related to "how to make a circle in flutter"

Browse Popular Code Answers by Language