Flutter 不知道这些线是从哪里来的
我已经扩展了我的专栏,用灰色填充。然而,我看到这些细纹,好像它没有完全扩张或伸展。我发现这是一个抗锯齿问题,并尝试了他们的建议,用另一个容器包装容器。线条不太明显,但仍然存在。有办法解决这个问题吗 主飞镖Flutter 不知道这些线是从哪里来的,flutter,flutter-layout,Flutter,Flutter Layout,我已经扩展了我的专栏,用灰色填充。然而,我看到这些细纹,好像它没有完全扩张或伸展。我发现这是一个抗锯齿问题,并尝试了他们的建议,用另一个容器包装容器。线条不太明显,但仍然存在。有办法解决这个问题吗 主飞镖 导入“包装:颤振/材料.省道”; 导入“input_page.dart”; void main()=>runApp(Calculator()); 类计算器扩展了无状态小部件{ @凌驾 小部件构建(构建上下文){ 返回材料PP( 主页:InputPage(), 主题:ThemeData.dar
导入“包装:颤振/材料.省道”;
导入“input_page.dart”;
void main()=>runApp(Calculator());
类计算器扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
主页:InputPage(),
主题:ThemeData.dark().copyWith(
原色:颜色。黑色,
//颜色:颜色。紫色,
脚手架背景颜色:颜色(0xFF000000),
textTheme:textTheme(
bodyText2:TextStyle(颜色:Colors.white),
),
),
);
}
}
输入页面。省道
导入“包装:颤振/材料.省道”;
导入“main.dart”;
导入“可重用的按钮.省道”;
类InputPage扩展StatefulWidget{
@凌驾
_InputPageState createState()=>\u InputPageState();
}
类_InputPageState扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
正文:世界其他地区(
儿童:[
扩大(
弹性:3,
子:列(
儿童:[
已展开(flex:5,子级:Row()),
扩大(
孩子:排(
儿童:[
可重用按钮(值:“1”),
可重用按钮(值:“2”),
可重用按钮(值:“3”),
],
)),
扩大(
孩子:排(
儿童:[
可重用按钮(值:“4”),
可重用按钮(值:“5”),
可重用按钮(值:“6”),
],
)),
扩大(
孩子:排(
儿童:[
可重用按钮(值:“7”),
可重用按钮(值:“8”),
可重用按钮(值:“9”),
],
)),
扩大(
孩子:排(
儿童:[
可重用按钮(值:'.'),
可重用按钮(值:“0”),
可重用按钮(值:'='),
],
)),
],
)),
已展开(flex:1,child:Column())
],
));
}
}
可重复使用的按钮。省道
导入“包装:颤振/材料.省道”;
类ReuseableButton扩展了无状态小部件{
ReuseableButton({this.value});
最终字符串值;
@凌驾
小部件构建(构建上下文){
扩大回报(
子:列(
crossAxisAlignment:crossAxisAlignment.stretch,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
扩大(
子:容器(
颜色:颜色。灰色,
子对象:对齐(
子项:文本(值),
对齐:对齐.center,
),
),
)
],
));
}
}
我再次测试了您的代码,我将您的每个扩展小部件包装在InputPage
和ReuseableButton
类中,并为它们设置颜色,如下面的代码所示,它解决了问题:
class InputPage extends StatefulWidget {
@override
_InputPageState createState() => _InputPageState();
}
class _InputPageState extends State<InputPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Row(
children: [
Expanded(
flex: 3,
child: Column(
children: [
Expanded(flex: 5, child: Row()),
Expanded(
child: Container(
color: Colors.grey,
child: Row(
children: [
ReuseableButton(value: '1'),
ReuseableButton(value: '2'),
ReuseableButton(value: '3'),
],
),
)),
Expanded(
child: Container(
color: Colors.grey,
child: Row(
children: [
ReuseableButton(value: '4'),
ReuseableButton(value: '5'),
ReuseableButton(value: '6'),
],
),
)),
Expanded(
child: Container(
color: Colors.grey,
child: Row(
children: [
ReuseableButton(value: '7'),
ReuseableButton(value: '8'),
ReuseableButton(value: '9'),
],
),
)),
Expanded(
child: Container(
//color: Colors.grey,
child: Row(
children: [
ReuseableButton(value: '.'),
ReuseableButton(value: '0'),
ReuseableButton(value: '='),
],
),
)),
],
)),
Expanded(flex: 1, child: Column())
],
));
}
}
class ReuseableButton extends StatelessWidget {
ReuseableButton({this.value});
final String value;
@override
Widget build(BuildContext context) {
return Expanded(
child: Container(
color: Colors.grey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(
child: Container(
color: Colors.grey,
child: Align(
child: Text(value),
alignment: Alignment.center,
),
),
)
],
),
),
);
}
}
class InputPage扩展StatefulWidget{
@凌驾
_InputPageState createState()=>\u InputPageState();
}
类_InputPageState扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
正文:世界其他地区(
儿童:[
扩大(
弹性:3,
子:列(
儿童:[
已展开(flex:5,子级:Row()),
扩大(
子:容器(
颜色:颜色。灰色,
孩子:排(
儿童:[
可重用按钮(值:“1”),
可重用按钮(值:“2”),
可重用按钮(值:“3”),
],
),
)),
扩大(
子:容器(
颜色:颜色。灰色,
孩子:排(
儿童:[
可重用按钮(值:“4”),
可重用按钮(值:“5”),
可重用按钮(值:“6”),
],
),
)),
扩大(
子:容器(
颜色:颜色。灰色,
孩子:排(
儿童:[
可重用按钮(值:“7”),
可重用按钮(值:“8”),
可重用按钮(值:“9”),
],
),
)),
扩大(
子:容器(
//颜色:颜色。灰色,
孩子:排(
儿童:[
可重用按钮(值:'.'),
可重用按钮(值:“0”),
可重用按钮(值:'='),
],
),
)),
],
)),
已展开(flex:1,child:Column())
],
));
}
}
类ReuseableButton扩展了无状态小部件{
ReuseableButton({this.value});
最终字符串值;
@凌驾
小部件构建(构建上下文){
扩大回报(
子:容器(
颜色:颜色。灰色,
子:列(
crossAxisAlignment:crossAxisAlignment.stretch,
mainAxisAlignment:mainAxisAlignment.center,