Emoji Keycap Sequence not supported on iOS #36062
Description
The Emoji Sequence Data for UTS #51 has a section for Keycap sequence which specifies emoji alternatives for #, *, 0, 1, 2, 3, 4, 5, 6, 7, 8 and 9. These are available on the iOS keyboard.
They are all rendered properly as emojis on Android but not on iOS. Instead displaying the leading symbol followed by a box artifact (see screenshots).
Android
iOS
Sample code
import 'package:flutter/material.dart';
const _emojiKeycapSequence = [
'\u0023\ufe0f\u20e3', // keycap: #
'\u002a\ufe0f\u20e3', // keycap: *
'\u0030\ufe0f\u20e3', // keycap: 0
'\u0031\ufe0f\u20e3', // keycap: 1
'\u0032\ufe0f\u20e3', // keycap: 2
'\u0033\ufe0f\u20e3', // keycap: 3
'\u0034\ufe0f\u20e3', // keycap: 4
'\u0035\ufe0f\u20e3', // keycap: 5
'\u0036\ufe0f\u20e3', // keycap: 6
'\u0037\ufe0f\u20e3', // keycap: 7
'\u0038\ufe0f\u20e3', // keycap: 8
'\u0039\ufe0f\u20e3', // keycap: 9
];
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) => MaterialApp(
title: 'Flutter Demo',
home: Scaffold(
body: Center(
child: Text(
_emojiKeycapSequence.join(' '),
style: TextStyle(fontSize: 20),
),
),
),
);
}flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.7.8+hotfix.3, on Mac OS X 10.14.5 18F132, locale en-SE)
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 10.2.1)
[✓] iOS tools - develop for iOS devices
[✓] Android Studio (version 3.4)
[✓] Connected device (2 available)
• No issues found!