在正文下方添加按鈕

下面的代碼（為了簡單起見，我縮短了代碼）顯示了設備的特性。我把所有的特征都放在了身體里，并以某種方式表現出來。告訴我如何在身體下方制作兩個按鈕（在照片中標記為紅色）。還是將它們放入體內？告訴我最好的方法。

return Scaffold(
  appBar: AppBar(
    automaticallyImplyLeading: false,
  ),

  body: Align(
      alignment: Alignment.topCenter,
      child: Container(
          constraints: const BoxConstraints(maxWidth: 800, maxHeight: 400),
          decoration: BoxDecoration(
            color: Colors.black,
            borderRadius: BorderRadius.circular(5.0),),
          child: SingleChildScrollView(
              child: Card(
                      child: Column(
                        children: [
                          ListTile(
                            title: const Text('Brand:', style: TextStyle(fontWeight: FontWeight.w400, fontSize: 25)),
                            trailing: Text('${device.brand} ', style: const TextStyle(fontWeight: FontWeight.w400, fontSize: 20 ))),
                          const Divider(color: Colors.black, endIndent: 10, indent: 10),
                          ListTile(
                            title: const Text('Operation system:', style: TextStyle(fontWeight: FontWeight.w400, fontSize: 25)),
                            trailing: Text('${device.operation_system} ', style: const TextStyle(fontWeight: FontWeight.w400, fontSize: 20 ))),
 ],
          ),
        ),
        )
      ),
    ));

uj5u.com熱心網友回復：

你可以bottomNavigationBar使用Scaffold

Scaffold(
bottomNavigationBar: Padding(
  padding: const EdgeInsets.all(8.0), //the one you prefer
  child: Row(
    children: [
      Expanded(
        child: OutlinedButton(
          onPressed: () {},
          child: Text("NNNNNN"),
        ),
      ),
      SizedBox(
        //space between button
        width: 16,
      ),
      Expanded(
        child: OutlinedButton(
          onPressed: () {},
          child: Text("NNNNNN"),
        ),
      ),
    ],
  ),
),

Container此外，您可以用Column小部件包裝

 body: Column(
        children: [
         Container(...)//your widget
           Padding(
            padding: const EdgeInsets.all(8.0), //the one you prefer
            child: Row(
               children: [
                Expanded(child: OutlinedButton(...)),
                SizedBox(width:x),
                Expanded(child: OutlinedButton(...)),
           

第二種方法的完整片段

  return Scaffold(
      body: Column(
        children: [
          Container(
              constraints: const BoxConstraints(maxWidth: 800, maxHeight: 400),
              decoration: BoxDecoration(
                color: Colors.black,
                borderRadius: BorderRadius.circular(5.0),
              ),
              child: SingleChildScrollView(
                child: Card(
                  child: Column(
                    children: [
                      ListTile(
                          title: const Text('Brand:',
                              style: TextStyle(
                                  fontWeight: FontWeight.w400, fontSize: 25)),
                          trailing: Text('${device.brand} ',
                              style: const TextStyle(
                                  fontWeight: FontWeight.w400, fontSize: 20))),
                      const Divider(
                          color: Colors.black, endIndent: 10, indent: 10),
                      ListTile(
                          title: const Text('Operation system:',
                              style: TextStyle(
                                  fontWeight: FontWeight.w400, fontSize: 25)),
                          trailing: Text('${device.operation_system} ',
                              style: const TextStyle(
                                  fontWeight: FontWeight.w400, fontSize: 20))),
                    ],
                  ),
                ),
              )),
          // Spacer(), /// you you want at the bottom
          Padding(
            padding: const EdgeInsets.all(8.0), //the one you prefer
            child: Row(
              children: [
                Expanded(
                  child: OutlinedButton(
                    onPressed: () {},
                    child: Text("NNNNNN"),
                  ),
                ),
                SizedBox(
                  //space between button
                  width: 16,
                ),
                Expanded(
                  child: OutlinedButton(
                    onPressed: () {},
                    child: Text("NNNNNN"),
                  ),
                ),
              ],
            ),
          )
        ],
      ),
    );

您可以查看更多關于小部件、列和布局的資訊。

標籤：扑 镖

上一篇：Flutter是否有與Python的`pass`關鍵字等效的命令？

下一篇：在Flutter中顯示一半的旋轉影像