Search
 
SCRIPT & CODE EXAMPLE
 

DART

flutter rounded container transperent corners

        new Container(
          height: 300.0,
          color: Colors.transparent,
          child: new Container(
            decoration: new BoxDecoration(
              color: Colors.green,
              borderRadius: new BorderRadius.only(
                topLeft: const Radius.circular(40.0),
                topRight: const Radius.circular(40.0),
              )
            ),
            child: new Center(
            child: new Text("Hi modal sheet"),
           )
         ),
        ),
Comment

rounded borders for container in flutte

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

flutter round container

QUESTION: Flutter give container rounded border

ANSWER1: 

Container(
    decoration: BoxDecoration(
    shape: BoxShape.circle,
    ),
    child:   ...
    ),

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

flutter container rounded top corners

Container(
  height: 200.0,
  color: Colors.transparent,
  child: Container(
    decoration:  BoxDecoration(
      color: Colors.red,
      borderRadius: BorderRadius.only(
        topLeft: const Radius.circular(20.0),
        topRight: const Radius.circular(20.0),
      )
    ),
    child: Text("Text ...."),
 ),
),
Comment

make border rounded flutter

decoration: BoxDecoration(
  borderRadius: BorderRadius.circular(10)
),
Comment

rounded corners container box container flutter

Container(
  decoration: BoxDecoration(
    color: Colors.red,
    borderRadius: BorderRadius.circular(radius),
  ),
),
Comment

How to round container corners in flutter

decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)))
Comment

round container flutter

Container(
      width: screenWidth / 7,
      decoration: BoxDecoration(
        border: Border.all(
          color: Colors.red[500],
        ),
      ),
      child: Padding(
        padding: EdgeInsets.all(5.0),
        child: Column(
          children: <Widget>[
            Text(
              '6',
              style: TextStyle(
                  color: Colors.red[500],
                  fontSize: 25),
            ),
            Text(
             'sep',
              style: TextStyle(
                  color: Colors.red[500]),
            )
          ],
        ),
      ),
    );
Comment

PREVIOUS NEXT
Code Example
Dart :: flutter random pick in list 
Dart :: dart input field overflow when keyboard open 
Dart :: flutter textfield rounded 
Dart :: Keyboard Pushes Text Fields off screen flutter 
Dart :: flutter how to space buttons evenly in a row 
Dart :: flutter snackbar circular shape rounded circle 
Dart :: flutter appbar trailing icon 
Dart :: flutter close app programmatically 
Dart :: flutter clear all text in textfield 
Dart :: close keyboard on button click flutter 
Dart :: how to add padding flutter 
Dart :: flutter check if key exists 
Dart :: BoxShadow in DrawerHeader flutter 
Dart :: dart command to stop program 
Dart :: alertdialog flutter barrierColor 
Dart :: flutter text button 
Dart :: flutter display widget based on device orientation 
Dart :: open another page with routeflutter 
Dart :: dart data class generator 
Dart :: flutter get platform type 
Dart :: how to validate textformfield on text change flutter 
Dart :: convert future<list list in flutter 
Dart :: dart private method 
Dart :: set orientation to landscape flutter 
Dart :: flutter onclick container 
Dart :: flutter check if drawer is open 
Dart :: flutter toast 
Dart :: flutter multiple provider 
Dart :: routes in flutter 
Dart :: dart singleton 
ADD CONTENT
Topic
Content
Source link
Name
6+5 =