【发布时间】:2020-12-17 04:34:48
【问题描述】:
我正在尝试使用DartPad Flutter 创建一些在颤振中使用容器的示例。一切正常,直到我使用了出现这些错误的 BorderRadius 属性:
错误:断言失败:file:///Users/brettmorgan/Documents/GitHub/dart-services/flutter/packages/flutter/lib/src/foundation/stack_frame.dart:115:12 匹配!= null “预期 DartError@https://storage.googleapis.com/compilation_artifacts/2.9.0-21.10.beta/dart_sdk.js:5956:7 匹配 RegExp/^(.+) (\d+):(\d+)\ s+(.+)$/."错误:错误:断言失败:file:///Users/brettmorgan/Documents/GitHub/dart-services/flutter/packages/flutter/lib/src/foundation/stack_frame.dart:115 :12 匹配!= null “预期 DartError@https://storage.googleapis.com/compilation_artifacts/2.9.0-21.10.beta/dart_sdk.js:5956:7 匹配 RegExp/^(.+) (\d+):(\d+)\ s+(.+)$/."
源码为:
import 'package:flutter/material.dart';
final Color blue = Colors.blue;
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: blue),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Container(
decoration: const BoxDecoration(
border: Border(
top: BorderSide(width: 5.0, color: Color(0xFFFFDFDFFF)),
left: BorderSide(width: 5.0, color: Color(0xFFFFDFDFFF)),
right: BorderSide(width: 5.0, color: Color(0xFFFF7F7F88)),
bottom: BorderSide(width: 5.0, color: Color(0xFFFF7F7F88)),
),
borderRadius: BorderRadius.all( Radius.circular(10)),
color: Color(0xFFBFBFCC),
),
margin: const EdgeInsets.all(20.0),
padding: const EdgeInsets.all(10.0),
child: Text('The Battle of containers',style : TextStyle(color:Colors.black)),
width: 200.0,
height: 100.0,
),
);
}
}
那么,DartPad 不支持 BorderRadius 吗?
【问题讨论】:
-
经过研究,我发现我们不能同时使用边界半径和边界,如果我们这样做会抛出错误。还发现了与您的问题类似的问题,链接:github.com/flutter/flutter/issues/12583 它包含有关如何解决此问题的想法。之前也通过链接提出了类似的问题:stackoverflow.com/questions/56928862/…