Flutter 在flatter中设置小部件对齐_Flutter_Alignment_Bottomnavigationview

Flutter 在flatter中设置小部件对齐

flutter

Flutter 在flatter中设置小部件对齐,flutter,alignment,bottomnavigationview,Flutter,Alignment,Bottomnavigationview,大家好，我想在产品详细信息文件中使用底部导航器，但我的行小部件中有两个容器。我想在左侧设置我的第一个容器（旧价格和新价格列），并在右侧设置我的第二个容器（添加到购物车btn）。我怎样才能做到这一点以下是代码： bottomNavigationBar: Material( elevation: 7.0, color: Colors.white, child: Container( height: 60.0, width: MediaQuery.of

大家好，我想在产品详细信息文件中使用底部导航器，但我的行小部件中有两个容器。我想在左侧设置我的第一个容器（旧价格和新价格列），并在右侧设置我的第二个容器（添加到购物车btn）。我怎样才能做到这一点

以下是代码：

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)),
                ],
              ),
            ),
          ),
          ],
        ),
      ),
    ),

bottomNavigationBar:材质(
标高：7.0，
颜色：颜色，白色，
子：容器(
身高：60.0，
宽度：MediaQuery.of（context）.size.width，
颜色：颜色，白色，
孩子：排(
儿童：[
填充物(
填充：仅限常量边集（右：10.0），
子：容器(
身高：40.0，
宽度：MediaQuery.of（context）.size.width-280.0，
装饰：盒子装饰(
颜色：颜色（0xfff40725），
边界半径：边界半径。圆形（10），
),
儿童：中心(
子：文本(
“添加到购物车”，
样式：TextStyle（颜色：颜色。白色，fontSize:20.0，fontWeight:fontWeight.bold），
),
),
),
),
填充物(
填充：仅限常量边集（左：8.0），
子：容器(
子：列(
儿童：[
文本（\$${widget.prod\u old\u price}），textAlign:textAlign.left，样式：TextStyle（fontSize:18.0，颜色：颜色（0xff989898），装饰：TextEdition.lineThrough），
文本（\$${widget.prod\u price}），样式：TextStyle（fontSize:18.0，fontWeight:fontWeight.bold）），
],
),
),
),
],
),
),
),

试试这个：

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)),
                ],
              ),
            ),
          ),
          ],
        ),
      ),
    ),

bottomNavigationBar:材质(
标高：7.0，
颜色：颜色，白色，
子：容器(
身高：60.0，
宽度：MediaQuery.of（context）.size.width，
颜色：颜色，白色，
孩子：排(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
填充物(
填充：仅限常量边集（右：10.0），
子：容器(
身高：40.0，
宽度：MediaQuery.of（context）.size.width-280.0，
装饰：盒子装饰(
颜色：颜色（0xfff40725），
边界半径：边界半径。圆形（10），
),
儿童：中心(
子：文本(
“添加到购物车”，
样式：TextStyle（颜色：颜色。白色，fontSize:20.0，fontWeight:fontWeight.bold），
),
),
),
),
填充物(
填充：仅限常量边集（左：8.0），
子：容器(
子：列(
儿童：[
文本（\$${widget.prod\u old\u price}），textAlign:textAlign.left，样式：TextStyle（fontSize:18.0，颜色：颜色（0xff989898），装饰：TextEdition.lineThrough），
文本（\$${widget.prod\u price}），样式：TextStyle（fontSize:18.0，fontWeight:fontWeight.bold）），
],
),
),
),
],
),
),
),

试试这个：

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)),
                ],
              ),
            ),
          ),
          ],
        ),
      ),
    ),

bottomNavigationBar:材质(
标高：7.0，
颜色：颜色，白色，
子：容器(
身高：60.0，
宽度：MediaQuery.of（context）.size.width，
颜色：颜色，白色，
孩子：排(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
填充物(
填充：仅限常量边集（右：10.0），
子：容器(
身高：40.0，
宽度：MediaQuery.of（context）.size.width-280.0，
装饰：盒子装饰(
颜色：颜色（0xfff40725），
边界半径：边界半径。圆形（10），
),
儿童：中心(
子：文本(
“添加到购物车”，
样式：TextStyle（颜色：颜色。白色，fontSize:20.0，fontWeight:fontWeight.bold），
),
),
),
),
填充物(
填充：仅限常量边集（左：8.0），
子：容器(
子：列(
儿童：[
文本（\$${widget.prod\u old\u price}），textAlign:textAlign.left，样式：TextStyle（fontSize:18.0，颜色：颜色（0xff989898），装饰：TextEdition.lineThrough），
文本（\$${widget.prod\u price}），样式：TextStyle（fontSize:18.0，fontWeight:fontWeight.bold）），
],
),
),
),
],
),
),
),

在

行中设置正确的mainAxisAlignment
。你可以参考
我会将其设置为mainAxisAlignment:mainAxisAlignment.spaceAround
在行中设置正确的mainAxisAlignment
。你可以参考
我会将其设置为mainAxisAlignment:mainAxisAlignment.spaceAround
如果可能，请向上投票，因为这对我有很大帮助。如果可能，请向上投票，因为这对我有很大帮助