8

据我所知，Dart 不支持字素集群，尽管有人说支持它：

在它实施之前，我有哪些用于迭代字素集群的选项？例如，如果我有这样的字符串：

String family = '\u{1F468}\u{200D}\u{1F469}\u{200D}\u{1F467}'; // ‍‍
String myString = 'Let me introduce my $family to you.';

并且在五个代码点系列表情符号之后有一个光标：

在此处输入图像描述

如何将光标向左移动一个用户感知的字符？

（在这种特殊情况下，我知道字素簇的大小，所以我可以做到，但我真正要问的是找到任意长的字素簇的长度。）

更新

我从这篇文章中看到 Swift 使用了系统的ICU库。在 Flutter 中可能会出现类似的情况。

补充代码

对于那些想玩我上面的例子的人，这里有一个演示项目。按钮将光标向右或向左移动。目前需要按 8 次按钮才能将光标移过家庭表情符号。

在此处输入图像描述

主要.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Grapheme cluster testing')),
        body: BodyWidget(),
      ),
    );
  }
}

class BodyWidget extends StatefulWidget {
  @override
  _BodyWidgetState createState() => _BodyWidgetState();
}

class _BodyWidgetState extends State<BodyWidget> {

  TextEditingController controller = TextEditingController(
      text: 'Let me introduce my \u{1F468}\u{200D}\u{1F469}\u{200D}\u{1F467} to you.'
  );

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        TextField(
          controller: controller,
        ),
        Row(
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: RaisedButton(
                child: Text('<<'),
                onPressed: () {
                  _moveCursorLeft();
                },
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: RaisedButton(
                child: Text('>>'),
                onPressed: () {
                  _moveCursorRight();
                },
              ),
            ),
          ],
        )
      ],
    );
  }

  void _moveCursorLeft() {
    int currentCursorPosition = controller.selection.start;
    if (currentCursorPosition == 0)
      return;
    int newPosition = currentCursorPosition - 1;
    controller.selection = TextSelection(baseOffset: newPosition, extentOffset: newPosition);
  }

  void _moveCursorRight() {
    int currentCursorPosition = controller.selection.end;
    if (currentCursorPosition == controller.text.length)
      return;
    int newPosition = currentCursorPosition + 1;
    controller.selection = TextSelection(baseOffset: newPosition, extentOffset: newPosition);
  }
}
4

2 回答 2

8

更新：使用https://pub.dartlang.org/packages/icu

示例代码：

import 'package:flutter/material.dart';


import 'dart:async';
import 'package:icu/icu.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Grapheme cluster testing')),
        body: BodyWidget(),
      ),
    );
  }
}

class BodyWidget extends StatefulWidget {
  @override
  _BodyWidgetState createState() => _BodyWidgetState();
}

class _BodyWidgetState extends State<BodyWidget> {
  final ICUString icuText = ICUString('Let me introduce my \u{1F468}\u{200D}\u{1F469}\u{200D}\u{1F467} to you.\u{1F468}\u{200D}\u{1F469}\u{200D}\u{1F467}');
  TextEditingController controller;
  _BodyWidgetState() {
    controller = TextEditingController(
      text: icuText.toString()
  );
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        TextField(
          controller: controller,
        ),
        Row(
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: RaisedButton(
                child: Text('<<'),
                onPressed: () async {
                  await _moveCursorLeft();
                },
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: RaisedButton(
                child: Text('>>'),
                onPressed: () async {
                  await _moveCursorRight();
                },
              ),
            ),
          ],
        )
      ],
    );
  }

  void _moveCursorLeft() async {
    int currentCursorPosition = controller.selection.start;
    if (currentCursorPosition == 0)
      return;
    int newPosition = await icuText.previousGraphemePosition(currentCursorPosition);
    controller.selection = TextSelection(baseOffset: newPosition, extentOffset: newPosition);
  }

  void _moveCursorRight() async {
    int currentCursorPosition = controller.selection.end;
    if (currentCursorPosition == controller.text.length)
      return;
    int newPosition = await icuText.nextGraphemePosition(currentCursorPosition);
    controller.selection = TextSelection(baseOffset: newPosition, extentOffset: newPosition);
  }
}

原答案：

在 Dart/Flutter 完全实现 ICU 之前，我认为你最好的选择是使用PlatformChannel传递原生的 Unicode 字符串（iOS Swift4+ 或 Android Java/Kotlin）在那里迭代/操作，然后发回结果。

  • 对于 Swift4+，它与您提到的文章一样是开箱即用的（不是 Swift3-，不是 ObjC）
  • 对于 Java/Kotlin，将 Oracle 替换BreakIterator为ICU 库，这样会更好。除了导入语句之外没有任何变化。

我建议使用本机操作（而不是在 Dart 上进行）的原因是因为 Unicode 有太多的事情要处理，例如规范化、规范等价、ZWNJ、ZWJ、ZWSP 等。

如果您需要一些示例代码，请注释掉。

于 2019-03-03T03:37:33.627 回答
5

2020 年更新

使用 Dart 团队的角色包。它现在是处理字素簇的官方方法。

用于text.characters获取字素簇。用户text.characters.iterator移动它们。我仍在研究如何转换CharacterRange为TextSelection. 当我有更多详细信息时，我会在稍后更新这个答案。

注意：这是对我旧答案的完全重写。有关详细信息，请参阅编辑历史记录。

于 2019-07-06T02:59:07.900 回答