Flutter Container Позиционирование или выравнивание внутри виджета Row

Question

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

вот пример кода:

class MyRow extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.teal,
        body: SafeArea(
          child: Row(
            children: <Widget>[
              Container(
                width: 100.0,
                height: 100.0,
                color: Colors.red,
              ),
              Container(
                width: 100.0,
                height: 100.0,
                color: Colors.blue,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Answer 1

Positioned виджет используется только с виджетом Stack, поэтому вы можете решить свою проблему, используя приведенный ниже пример, но с виджетом Row его может быть невозможно

Stack(children: <Widget>[
            Positioned(
              top: 5,
              left: 5,
              child: Container(
                width: 100.0,
                height: 100.0,
                color: Colors.red,
              ),),
            Positioned(
              top: 5,
              right: 5,
              child: Container(
                width: 100.0,
                height: 100.0,
                color: Colors.blue,
              ),),
          ],
)

Вывод: