Flutter TextField 光标和内容不能对齐问题

最新推荐文章于 2023-11-26 10:46:34 发布

原创最新推荐文章于 2023-11-26 10:46:34 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

flutter 专栏收录该内容

1 篇文章

订阅专栏

本文描述了在Flutter中遇到的TextField光标与hintText对齐问题，特别是在设置中文Locale后。通过调整应用程序初始化时的语言设置，从全局多语言处理改为指定英文语言，解决了TextField的输入内容和光标对齐问题。

 问题描述：TextField的hint内容和输入内容不能对齐
          首先看到的现象就是TextField的hint内容和输入内容不能对齐，后来发现输入的过程中光标也无法和hint内容对齐。
 经多方查找无结果，后来看到了有篇问题这样描述Flutter设置中文Locale后TextField的光标不对齐hintText的问题。

解决方案在https://github.com/flutter/flutter/issues/43482

主要是我的应用开始代码设置全局多语言的处理
MaterialApp(
      theme:  ThemeData(primaryColor: const Color(ConstantData.theme_bg_title_color_green)),
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate
      ],
      supportedLocales: [const Locale("zh", "CH"),
        const Locale("en", "US")],
      //路由表
      routes: {
//        ConstantData.Route_TerminalDetail: (context) => TerminalDetail.init(null),
      },
      home: new LoginPage(),
    )；

后来改为这样的才可以

 MaterialApp(
      theme:  ThemeData(primaryColor: const Color(ConstantData.theme_bg_title_color_green)),
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate
      ],
      locale: const Locale("en", "US"),
      supportedLocales: [const Locale("zh", "CH"),
        const Locale("en", "US")],
      //路由表
      routes: {
//        ConstantData.Route_TerminalDetail: (context) => TerminalDetail.init(null),
      },
      home: new LoginPage(),
    );

也就是说应用初始化需要使用英文语言，如果全局多语言改为了中文或者不设置local，在后面的页面中的TextField即使local设置了英文也不起作用，记录一下，具体原因待考究