Flutter：如何使按钮并排而不是一个在另一个下方？

如何解决Flutter：如何使按钮并排而不是一个在另一个下方？

我目前有以下小部件，需要在其中添加一个新按钮。但是，这些按钮在另一个下方而不是并排显示。我尝试使用行而不是列，并且弄乱了整个页面。关于如何将这些按钮并排放置的任何想法？谢谢！！

 Widget getRequestAmount() {
return AppTextField(
  padding: EdgeInsets.symmetric(horizontal: 30),focusNode: _transferAmountNode,controller: _transferAmountController,keyboardType: TextInputType.number,hintText: 'Request Amount',inputFormatters: [
    /*  CurrencyFormatter(
                        currency: _selectedAccount?.currency ?? '') */
  ],onSubmitted: (value) {
    setState(() {
      this.showQR = true;
    });
    Navigator.pop(context);
    Sheets.showAppHeightEightSheet(
        context: context,widget: Column(children: <Widget>[
          getBuyerAvatar(),showAmount(),_contentWidget(),Container(margin: const EdgeInsets.only(top: 5,bottom: 5)),AppButton.buildAppButton(
              context,AppButtonType.TEXT_OUTLINE,'Button 1',Dimens.BUTTON_BottOM_DIMENS,onpressed: () async {
            Uint8List generateImgFromQR = await _captureAndCreateQrpng();
            Sheets.showAppHeightEightSheet(
              context: context,widget: generatePDF(generateImgFromQR),);
          }),'Second Button',onpressed: () async {
            moneyAmount = _transferAmountController.text;
            Sheets.showAppHeightEightSheet(
              context: context,);
          })

        ]));
  },);

}

解决方法

在一行小部件中仅包装两个按钮

mov r0,0x140000
push {r0}
pop {pc}

,

为此，您可以使用Row小部件。它的工作方式与您已经使用的Column小部件完全一样，但是它是水平放置的。

You can read more about this widget here.

您的代码将如下所示：

Widget getRequestAmount() {
    return AppTextField(
      padding: EdgeInsets.symmetric(horizontal: 30),focusNode: _transferAmountNode,controller: _transferAmountController,keyboardType: TextInputType.number,hintText: 'Request Amount',inputFormatters: [
        /*  CurrencyFormatter(
                        currency: _selectedAccount?.currency ?? '') */
      ],onSubmitted: (value) {
        setState(() {
          this.showQR = true;
        });
        Navigator.pop(context);
        Sheets.showAppHeightEightSheet(
          context: context,widget: Column(
            children: <Widget>[
              getBuyerAvatar(),showAmount(),_contentWidget(),Container(margin: const EdgeInsets.only(top: 5,bottom: 5)),Row(
                children: [
                  AppButton.buildAppButton(
                      context,AppButtonType.TEXT_OUTLINE,'Button 1',Dimens.BUTTON_BOTTOM_DIMENS,onPressed: () async {
                    Uint8List generateImgFromQR =
                        await _captureAndCreateQRPng();
                    Sheets.showAppHeightEightSheet(
                      context: context,widget: generatePDF(generateImgFromQR),);
                  }),AppButton.buildAppButton(
                      context,'Second Button',onPressed: () async {
                    moneyAmount = _transferAmountController.text;
                    Sheets.showAppHeightEightSheet(
                      context: context,);
                  })
                ],),],);
      },);
  }