установить выравнивание виджета во флаттере

Question

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

Вот код:

bottomNavigationBar: Material(
    elevation: 7.0,
    color: Colors.white,
    child: Container(
      height: 60.0,
      width: MediaQuery.of(context).size.width,
      color: Colors.white,

      child: Row(
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(right: 10.0),
            child: Container(
              height: 40.0,
              width: MediaQuery.of(context).size.width - 280.0,
              decoration: BoxDecoration(
                color: Color(0xfff40725),

                borderRadius: BorderRadius.circular(10),
              ),

              child: Center(
                child: Text(
                  'Add to cart',
                  style: TextStyle(color: Colors.white,fontSize: 20.0,fontWeight: FontWeight.bold),
                ),

              ),

            ),
          ),
          Padding(
            padding: const EdgeInsets.only(left:8.0),
            child: Container(
              child: Column(
                children: <Widget>[
                  Text("\$${widget.prod_old_price}",textAlign: TextAlign.left,style: TextStyle(fontSize: 18.0,color: Color(0xff989898),decoration: TextDecoration.lineThrough),),
                  Text("\$${widget.prod_price}",style: TextStyle(fontSize: 18.0,fontWeight: FontWeight.bold)),
                ],
              ),
            ),
          ),
          ],
        ),
      ),
    ),

Answer 1

Установите правильный mainAxisAlignment в Row. Вы можете сослаться на это

Я бы установил mainAxisAlignment: MainAxisAlignment.spaceAround

Answer 2

Попробуйте это:

bottomNavigationBar: Material(
    elevation: 7.0,
    color: Colors.white,
    child: Container(
      height: 60.0,
      width: MediaQuery.of(context).size.width,
      color: Colors.white,

      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Padding(
            padding: const EdgeInsets.only(right: 10.0),
            child: Container(
              height: 40.0,
              width: MediaQuery.of(context).size.width - 280.0,
              decoration: BoxDecoration(
                color: Color(0xfff40725),

                borderRadius: BorderRadius.circular(10),
              ),

              child: Center(
                child: Text(
                  'Add to cart',
                  style: TextStyle(color: Colors.white,fontSize: 20.0,fontWeight: FontWeight.bold),
                ),

              ),

            ),
          ),
          Padding(
            padding: const EdgeInsets.only(left:8.0),
            child: Container(
              child: Column(
                children: <Widget>[
                  Text("\$${widget.prod_old_price}",textAlign: TextAlign.left,style: TextStyle(fontSize: 18.0,color: Color(0xff989898),decoration: TextDecoration.lineThrough),),
                  Text("\$${widget.prod_price}",style: TextStyle(fontSize: 18.0,fontWeight: FontWeight.bold)),
                ],
              ),
            ),
          ),
          ],
        ),
      ),
    ),