Steps to reproduce
Run the provided code. You'll see widgets on a pink background.
Uncomment the borderRadius: line and reload.
The pink box now has rounded borders, but that's all you see. The widgets are now obscured.
Example code
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart' show debugPaintSizeEnabled;
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
//debugPaintSizeEnabled = true;
return new Scaffold(
appBar: new AppBar(
title: new Text(config.title),
),
body: new Center(
child: new Container(
padding: new EdgeInsets.all(8.0),
decoration: new BoxDecoration(
//borderRadius: new BorderRadius.all(const Radius.circular(8.0)),
backgroundColor: Colors.pink[500],
border: new Border(
top: new BorderSide(
color: new Color.fromARGB(255, 30, 255, 30),
width: 4.0)),
),
child: new Row(children: <Widget>[
new Container(
padding: new EdgeInsets.all(4.0),
constraints: new BoxConstraints(maxWidth: 35.0),
child: new Image.network(
'http://4.bp.blogspot.com/-Q4DRkyhsKwI/U9SsY-ktENI/AAAAAAABIQw/rgMWScAzIQo/s1600/Fuchsia+flowers+1.JPG')),
new Container(
child: new RichText(
text: new TextSpan(
text: 'Fuschia ',
style: new TextStyle(
color: Colors
.white, //new Color.fromARGB(255, 255, 255, 255),
decoration: TextDecoration.underline,
decorationColor: Colors
.blue[500], //new Color.fromARGB(255, 0, 0, 255),
fontStyle: FontStyle.italic,
),
children: <TextSpan>[
new TextSpan(
text: 'IS',
style:
new TextStyle(fontWeight: FontWeight.w900)),
new TextSpan(text: ' the new black!'),
],
),
),
)
]))));
}
}
Flutter Doctor
$ flutter doctor
[✓] Flutter (on Mac OS, channel master)
• Flutter at /Users/shaza/GoogleDrive/TMP-flutter/flutter
• Framework revision 3cde53590c (13 hours ago), 2017-01-25 19:52:18
• Engine revision fb69728f33
• Tools Dart version 1.22.0-dev.9.1
[✓] Android toolchain - develop for Android devices (Android SDK 25.0.0)
• Android SDK at /Users/shaza/Library/Android/sdk
• Platform android-25, build-tools 25.0.0
• Java(TM) SE Runtime Environment (build 1.8.0_112-b16)
[✓] iOS toolchain - develop for iOS devices (Xcode 7.3.1)
• XCode at /Applications/Xcode.app/Contents/Developer
• Xcode 7.3.1, Build version 7D1014
[✓] IntelliJ IDEA Community Edition (version 2016.3.1)
• Dart plugin version 163.9166.22
• Flutter plugin version 0.1.8
[✓] Connected devices
• iPhone 6s • DFD0512F-17D2-4828-8CEA-A98DBDB5499E • ios • iOS 9.3 (simulator)
Steps to reproduce
Run the provided code. You'll see widgets on a pink background.
Uncomment the
borderRadius:line and reload.The pink box now has rounded borders, but that's all you see. The widgets are now obscured.
Example code
Flutter Doctor