Flutter Web Persian/Arabic Strings Not Showing Properly on the UI

Question

I just started to migrate to Flutter web and just at the start point, encountered this strange problem. When using Persian/Arabic Characters in code, it would be shown improperly on the UI. Other Characters are shown nice.

Flutter Default Sample App

environment:
  sdk: ">=2.7.0 <3.0.0"

Code:

 children: <Widget>[
            Text(
              'You have pressed the button this many times:',
              style: Theme.of(context).textTheme.headline4,
            ),
            Text(
              '??? ??? ???? ?? ??? ????? ??? ???? ???? ???:',
              style: Theme.of(context).textTheme.headline4,
            ),
            Text(
              '?ě????',
              style: Theme.of(context).textTheme.headline4,
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ], 

The Project and System Encoding are set to UTF-8.

Result:

question from:https://stackoverflow.com/questions/65856142/flutter-web-persian-arabic-strings-not-showing-properly-on-the-ui

Answer 1

Its working fine on dartpad https://dartpad.dev/1904b824b83992867a0778a5a95f17f1?

Are you setting some wrong page encoding it must be utf-8