Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 不知道这些线是从哪里来的_Flutter_Flutter Layout - Fatal编程技术网

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,