如何删除扩展块之间的空间(线)

时间:2020-02-10 11:16:07

标签: flutter flutter-layout

我使用三个扩展块。当我用展开包装容器时,显示空格/行。
我无法在扩展块之间将其删除。尽管我已经使用了很多方法。
有人遇到过同样的案件吗?谢谢
enter image description here

import 'package:flutter/material.dart';

void main() async {
  runApp(
    MaterialApp(
     debugShowCheckedModeBanner: false,
     home: Scaffold(
     backgroundColor:  Color(0x000000),
     body: Container(
      color: Color(0x000000),
      child: SizedBox.expand(
        child: VariousDiscs(),
      ),
    ),
   ),
 ),
);
}

class VariousDiscs extends StatelessWidget {

 Widget build(BuildContext context) {
  return Scaffold(
   appBar: AppBar(
    title: Text('Expanded Column Sample'),
    ),
    body: Center(
     child: Column(
     children: <Widget>[
      Expanded(
        child: Container(
          color: Color(0xbf000000),
          height: 100,
          width: 100
        ),
      ),
      Expanded(
        child: Container(
          color: Color(0xbf000000),
        height: 100,
          width: 100,
        ),
      ),
      Expanded(
        child: Container(
          color: Color(0xbf000000),

          height: 100,
          width: 100,
        ),
      ),
     ],
    ),
   ),
  );
 }
}

1 个答案:

答案 0 :(得分:0)

2020年2月26日更新:

好像是在最新版本的flutter上解决了这个问题。


我已经使用Flutter的稳定版本在Android设备上测试了您的代码,并且工作正常,没有任何问题。

但是我可以reproduce在Flutter DartPad上遇到问题,而您共享的屏幕截图来自DartPad,看来此问题与DartPad或Flutter Web版本有关。您可以在飞镖垫repo上打开错误报告。