How to combine unicode characters in Flutter?

Question

I need to display the combining overline character (unicode U+0305) over some other characters, like '2' or 'x'.

https://www.fileformat.info/info/unicode/char/0305/index.htm

Is there a way to accomplish this in Dart?

Thanks in advance.

Solution

You can combine by placing the unicode right after the letter:

String overlined = 'O\u{0305}V\u{0305}E\u{0305}R\u{0305}';

print(overlined);  // Output: O̅V̅E̅R̅ 

A more dynamic version (with simplistic logic) would be:

void main() {
  String overlined = overline('I AM AN OVERLINED TEXT');

  print(overlined);  // Output: I̅ A̅M̅ A̅N̅ O̅V̅E̅R̅L̅I̅N̅E̅D̅ T̅E̅X̅T̅
}

String overline(String text) {
  return text.split('').map((String char) {
    if (char.trim().isEmpty)
      return char;
    else
      return '$char\u{0305}';
  }).join();
}

However, this is pretty much limited. A better approach would be using the style property of Flutter's Text to do so:

const Text(
  'OVER',
  style: TextStyle(decoration: TextDecoration.overline),
);