gpt4 book ai didi

flutter - 如何根据用户对 rtl 或 ltr 方向的输入动态本地化文本字段文本方向

转载 作者:行者123 更新时间:2023-12-04 12:54:25 25 4
gpt4 key购买 nike

我需要一个根据用户输入改变其方向的文本字段。
例如,我有一个获取用户输入的文本字段,但该输入有时可以是具有从左到右方向的英文文本,有时是具有从右到左方向的阿拉伯文本。我希望文本字段方向根据输入语言方向改变
我拥有的

  • 假设我有一个普通的文本字段
  • class MyDynamicTextField extends StatelessWidget {
    const MyDynamicTextField({Key? key}) : super(key: key);

    @override
    Widget build(BuildContext context) {

    return Scaffold(
    body: Center(
    child: Padding(
    padding: const EdgeInsets.symmetric(horizontal: 40),
    child: TextField(),
    ),
    ),
    );
    }
    }
    what i have
    我需要的
    在输入具有不同语言和文本方向的文本时,如何模仿 WhatsApp 聊天文本字段或 chrome 文本字段文本方向行为?
    例如:
    文本字段更改的文本方向取决于用户输入语言(在 Chrome 中)
    Excpection

    最佳答案

    解决方法是根据第一个输入字符改变文本方向
    创建一个函数,该函数使用代码单元 (utf-16) 识别从右到左的字符并返回 TextDirection表示输入语言的文本方向

    TextDirection getDirection(String v) {
    final string = v.trim();
    if (string.isEmpty) return TextDirection.ltr;
    final firstUnit = string.codeUnitAt(0);
    if (firstUnit > 0x0600 && firstUnit < 0x06FF ||
    firstUnit > 0x0750 && firstUnit < 0x077F ||
    firstUnit > 0x07C0 && firstUnit < 0x07EA ||
    firstUnit > 0x0840 && firstUnit < 0x085B ||
    firstUnit > 0x08A0 && firstUnit < 0x08B4 ||
    firstUnit > 0x08E3 && firstUnit < 0x08FF ||
    firstUnit > 0xFB50 && firstUnit < 0xFBB1 ||
    firstUnit > 0xFBD3 && firstUnit < 0xFD3D ||
    firstUnit > 0xFD50 && firstUnit < 0xFD8F ||
    firstUnit > 0xFD92 && firstUnit < 0xFDC7 ||
    firstUnit > 0xFDF0 && firstUnit < 0xFDFC ||
    firstUnit > 0xFE70 && firstUnit < 0xFE74 ||
    firstUnit > 0xFE76 && firstUnit < 0xFEFC ||
    firstUnit > 0x10800 && firstUnit < 0x10805 ||
    firstUnit > 0x1B000 && firstUnit < 0x1B0FF ||
    firstUnit > 0x1D165 && firstUnit < 0x1D169 ||
    firstUnit > 0x1D16D && firstUnit < 0x1D172 ||
    firstUnit > 0x1D17B && firstUnit < 0x1D182 ||
    firstUnit > 0x1D185 && firstUnit < 0x1D18B ||
    firstUnit > 0x1D1AA && firstUnit < 0x1D1AD ||
    firstUnit > 0x1D242 && firstUnit < 0x1D244) {
    return TextDirection.rtl;
    }
    return TextDirection.ltr;
    }
    现在包装 TextField里面 ValueListenableBuilder<TextDirection>并在更改文本字段中的文本时更改文本方向:

    class MyDynamicTextField extends StatelessWidget {
    MyDynamicTextField({Key? key}) : super(key: key);

    final ValueNotifier<TextDirection> _textDir =
    ValueNotifier(TextDirection.ltr);

    @override
    Widget build(BuildContext context) {

    return Scaffold(
    body: Center(
    child: Padding(
    padding: const EdgeInsets.symmetric(horizontal: 40),
    child: ValueListenableBuilder<TextDirection>(
    valueListenable: _textDir,
    builder: (context, value, child) =>

    TextField(
    textDirection: value,
    onChanged: (input) {
    if (input.trim().length < 2) {
    final dir = getDirection(input);
    if (dir != value) _textDir.value = dir;
    }
    },
    ),

    ),
    ),
    ),
    );
    }
    }

    关于flutter - 如何根据用户对 rtl 或 ltr 方向的输入动态本地化文本字段文本方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68830371/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com