Расположен внутри стека

Question

Как правильно расположить виджеты?

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

Допустим, я хочу, чтобы белый квадрат был в центре верхней части черного контейнера, наполовину внутри черного контейнера и наполовину снаружи. Как я могу это сделать?

код:

Positioned(
                top: 80,
                right: 30,
                left: 30,
                child: Container(
                  height: 200,
                  width: 400.0,
                  color: Colors.black,
                  child: Column(
                    children: <Widget>[],
                  ),
                ),
              ),
              Positioned(
                top: 40,
                child: Container(
                  height: 100.0,
                  width: 100.0,
                  color: Colors.white,
                ),
              ),

Answer 1

Вы можете попробовать вот так

Stack(
      alignment: Alignment.center,
      children: <Widget>[
          Positioned(
            top: 80,
            right: 30,
            left: 30,
            child: Container(
              height: 200,
              width: 400.0,
              color: Colors.black,
              child: Column(
                children: <Widget>[],
              ),
            ),
          ),
          Positioned(
            top: 40,
            child: Container(
              height: 100.0,
              width: 100.0,
              color: Colors.white,
            ),
          ),
      ],
    )