如何限制 TextFormField 中 labelText 的文本

Question

我是编程新手，与我帮助解决较小问题的团队合作。我面临的问题是我的 label 文本正在遍历文本表单字段末尾的平面按钮的文本。 这是有问题的问题的屏幕截图

我试图放置 TextOverflow.ellipsis，但它仅适用于 Text 小部件。 我尝试过的另一件事是创建一种方法来为每个单词添加换行符，但所有内容都在左侧，用户不会看到他正在输入的内容，它会 go 覆盖有问题的文本：

 String addLineBreaks() {
    String stringWithLB = "";
    List<String> splitString = this.split(" ");
    splitString.forEach((word) {
      stringWithLB += "$word\n";
    });
    return stringWithLB;
  }

我怎样才能使这个文本在最后褪色或有树点或任何其他想法是受欢迎的。

这是我的代码：

class AccountDetailsPage extends StatefulWidget {
  @override
  _AccountDetailsPageState createState() => _AccountDetailsPageState();
}

class _AccountDetailsPageState extends State<AccountDetailsPage> {
  var _emailController = TextEditingController();

  var _nameController = TextEditingController();

  var _passwordController = TextEditingController();

  final mockPassword = '**********';

  FocusNode passwordFocus;
  FocusNode emailFocus;
  FocusNode userNameFocus;

  bool passwordUpdated = false;

  File _image;

  bool imagePicked;

  @override
  void initState() {
    super.initState();
    passwordFocus = FocusNode();
    emailFocus = FocusNode();
    userNameFocus = FocusNode();
  }

  @override
  Widget build(BuildContext context) {
    return Consumer2<IntlO, MTThemeO>(
      builder: (context, intl, theme, child) => Scaffold(
        backgroundColor: theme.backgroundColor,
        appBar: CustomAppBar(
          onBackTap: () {
            if (_image != null) _image.deleteSync();
            Navigator.pushNamed(context, RouteName.homePage);
          },
          title: intl.m("Account details"),
        ),
        body: SingleChildScrollView(
          child: SizedBox(
            height: MediaQuery.of(context).size.height + 15.0,
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: 40.0),
              child: Consumer<UserO>(builder: (context, userO, c) {
                return Column(
                  children: <Widget>[
                    Spacer(),
                    Stack(
                      overflow: Overflow.visible,
                      children: <Widget>[
                        InkWell(
                          onTap: () {
                            getImage();
                          },
                          child: Container(
                            width: 140,
                            height: 140,
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.all(
                                Radius.circular(100.00),
                              ),
                              border: new Border.all(
                                color: theme.accountPhotoBorderColor,
                              ),
                            ),
                            child: ClipOval(child: profilePicture(userO)),
                          ),
                        ),
                        Positioned(
                          left: 135,
                          top: 0,
                          child: InkWell(
                            onTap: getImage,
                            child: Text(
                              intl.m("Edit"),
                              style: TextStyle(
                                  fontFamily: theme.muliRegularFont,
                                  color: theme.editTextColor,
                                  fontSize: 11),
                            ),
                          ),
                        ),
                      ],
                    ),
                    Spacer(),
                    AccountDetailsTextField(
                      focusNode: userNameFocus,
                      labelText: intl.m("First name"),
                      textController: _nameController..text = userO.name,
                    ),
                    AccountDetailsTextField(
                      focusNode: emailFocus,
                      labelText: intl.m("email address").toString().addLineBreaks(),
                      textController: _emailController..text = userO.email, //THIS IS THE PART IN QUESTION
                    ),
                    AccountDetailsTextField(
                      focusNode: passwordFocus,
                      labelText: intl.m("password"),
                      textController: _passwordController..text = mockPassword,
                      isPassword: true,
                    ),
                    Spacer(
                      flex: 2,
                    ),
                    Consumer3<UpdateUserInfoA, IsLoggedInO, SignOutA>(
                        builder: (context, action, loggedin, signout, c) {
                      return Button(
                        onPressed: () {
                          if (loggedin.loggedIn) {
                            action
                                .updateUserInfo(
                                    email: shouldUpdateUserInfo(
                                        userO.email, _emailController.text),
                                    userName: shouldUpdateUserInfo(
                                        userO.name, _nameController.text),
                                    password: shouldUpdatePassword(
                                        _passwordController.text),
                                    image: _image ??
                                        File(
                                            'assets/profile/default-profile.png'))
                                .then((_) {
                              if (passwordUpdated)
                                signOut(signout, context);
                              else
                                Navigator.of(context)
                                    .pushNamed(RouteName.accountDetails);
                            });
                          } else {
                            Scaffold.of(context).showSnackBar(SnackBar(
                              content: Text('You need to log in first!'),
                            ));
                          }
                        },
                        text: intl.m("Save"),
                        style: ButtonStyles.filledFull,
                      );
                    }),
                    Spacer(
                      flex: 4,
                    ),
                  ],
                );
              }),
            ),
          ),
        ),
      ),
    );
  }