右側的TextFormfield

class VitalWidget VitalWidget extends StatelessWidget {
  VitalWidget({
    this.vitalType,
    this.unit,
    this.initialValue,
    鑰匙鍵。
  }) : super(key: 密鑰)。
  final String vitalType;
  final String unit;
  final String initialValue;
  @override
  Widget build(BuildContext context) {
    return Column(
      兒童。[
        行(
          children: [
            Padding(
              padding: const EdgeInsets.only(left: 40) 。
              孩子。文本(
                vitalType,
                風格。TextStyle(fontSize: 15)。
              ),
            ),
            行(
              兒童。[
                SizedBox(
                  width: 90,
                  孩子。Align(
                    對齊。Alignment.centerRight,
                    孩子。TextFormField(
                      初始值：初始值。
                      textAlign： TextAlign.center。
                      輸入格式。[FilteringTextInputFormatter.digitsOnly]。
                      裝飾。const InputDecoration（）。
                    ),
                  ),
                ),
                Text(unit),
              ],
            ),
          ],
        ),
      ],
    );
  }
}

我知道這不是一件難事，但我已經被卡住了好一陣子了。有什么方法可以讓文本框和文本(單元)在螢屏的右側？我試著用padding，但它們沒有互相對齊，而且在不同的螢屏上看起來很奇怪。它很簡單，但我想不出來

uj5u.com熱心網友回復：

你可以簡單地在Row小部件中使用Spacer。Spacer實際上做的是它占用了螢屏上所有的可用空間。你可以這樣做：

class VitalWidget extends StatelessWidget {
  VitalWidget({
    this.vitalType,
    this.unit,
    this.initialValue,
    鑰匙鍵。
  }) : super(key: 密鑰)。
  final String vitalType;
  final String unit;
  final String initialValue;
  @override
  Widget build(BuildContext context) {
    return Column(
      兒童。[
        行(
          children: [
            Spacer(), //它將占用左邊的所有可用空間。
            Padding()
              padding: const EdgeInsets.only(left: 40) 。
              孩子。文本(
                vitalType,
                風格。TextStyle(fontSize: 15)。
              ),
            ),
            行(
              兒童。[
                SizedBox(
                  width: 90,
                  孩子。Align(
                    對齊。Alignment.centerRight,
                    孩子。TextFormField(
                      初始值：初始值。
                      textAlign： TextAlign.center。
                      輸入格式。[FilteringTextInputFormatter.digitsOnly]。
                      裝飾。const InputDecoration（）。
                    ),
                  ),
                ),
                Text(unit),
              ],
            ),
          ],
        ),
      ],
    );
  }
}

uj5u.com熱心網友回復：

你可以在你的行中添加一個Spacer()小組件：

class VitalWidget extends StatelessWidget {
  VitalWidget({
    this.vitalType,
    this.unit,
    this.initialValue,
    鑰匙鍵。
  }) : super(key: 密鑰)。
  final String vitalType;
  final String unit;
  final String initialValue;
  @override
  Widget build(BuildContext context) {
    return Column(
      兒童。[
        行(
          children: [
            Padding(
              padding: const EdgeInsets.only(left: 40) 。
              孩子。文本(
                vitalType,
                風格。TextStyle(fontSize: 15)。
              ),
            ),
            const Spacer(), //<- 這將你的文本框推到右邊。
            行()
              兒童。[
                SizedBox(
                  width: 90,
                  孩子。Align(
                    對齊。Alignment.centerRight,
                    孩子。TextFormField(
                      初始值：初始值。
                      textAlign： TextAlign.center。
                      輸入格式。[FilteringTextInputFormatter.digitsOnly]。
                      裝飾。const InputDecoration（）。
                    ),
                  ),
                ),
                Text(unit),
              ],
            ),
          ],
        ),
      ],
    );
  }
}

uj5u.com熱心網友回復：

你可以使用別人答案中提到的spacer，也可以將Row widget屬性mainAxisAlignment設定為MainAxisAlignment.end，如下所示：

你可以使用spacer。

Row(
 mainAxisAlignment: MainAxisAlignment.end;
 子女。//rest of your code 
);

標籤：

上一篇：當應用程式暫停時，自動關閉Flutter模式的底層表單

下一篇：無法運行flutter應用程式