Блог

На этом экране вверху у меня есть кнопка и текст, на втором у меня есть список. Я хочу уменьшить разрыв между первым и вторым макетом.

Это изображение, на котором я пометил красным. Это отмеченное красным пространство, которое я хочу уменьшить, я вызываю столбец тела виджета, как показано ниже.

  Widget body = new Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        toplayout,
        listScreen,
        startButtonlayout
      ],
    );
  

Первый макет, как показано ниже

  Widget toplayout = new Container(
      width: 70,
      height: 70,
      color: Colors.red,
      child: new Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Builder(builder: (context) => IconButton(
            icon: Icon(Icons.arrow_back),
            iconSize: 30,
            onPressed: () {
              // Here i want context
              if (Navigator.canPop(context)) {
                Navigator.pop(context);
              } else {
                SystemNavigator.pop();
              }
            },
          ),),
          new Container(
              margin: const EdgeInsets.fromLTRB(20, 0, 0, 0),
              child: new Text("Day 1",
                  style: new TextStyle(
                    fontSize: 30,
                    color: Colors.black,
                  )))
        ],
      ),
    );
    
    Widget listScreen = new Expanded(
      child: new Container(
        child: new ListViewExample(),
      ),
    );
    
    class ListViewExample extends StatefulWidget {
   
      @override
      State<StatefulWidget> createState() {
        SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
          statusBarColor: Colors.transparent,
        ));
        SystemChrome.setEnabledSystemUIOverlays(
            [SystemUiOverlay.top, SystemUiOverlay.bottom]);
        // TODO: implement createState
        return ExerciseListPage();
      }
    
    }
  

Это список

   List<GestureDetector> _buildListItemsfromFlower() {
    return flowers.map((flowers) {
      var flatbutton = GestureDetector(
          child: Card(
              elevation: 10.0,
              child: new Row(
                textBaseline: TextBaseline.alphabetic,
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.start,
                children: <Widget>[
                  new Container(
                      child: new Column(
                    children: <Widget>[
                      new Container(
                        width: MediaQuery.of(context).size.width * 0.5,
                        height: MediaQuery.of(context).size.height / 15,)))
  

Поскольку между виджетами в столбце увеличивается разрыв, я хочу его уменьшить. Я не упоминал никаких полей.