TeXView on some devices, does not display anything.

[IrfanKnowledge]

flutter_tex: ^4.0.6
Flutter version 3.24.0 on channel stable
Dart version 3.5.0

I have tried this to 30-100 users. There are a small of user that their device dosen't display or showing anything.
Their devices are:

-Samsung Galaxy J7+
-Redmi 9 (lancelot)
-Redmi 9c
-OPPO A15s
-Redmi 9a
-Samsung A03

Sometimes it's display some text, sometimes it doesn't show anything,

How do i place the TeXView():

using 5 TeXView() in 1 page, and only using TeXViewDocument() as the child,

 TeXView(
        renderingEngine: controller.renderingEngine,
        child: TeXViewDocument(
          textSoal,
          style: TeXViewStyle(
            sizeUnit: TeXViewSizeUnit.pixels,
            fontStyle: TeXViewFontStyle(
              fontSize: fontSize,
              fontFamily: 'lato',
              sizeUnit: TeXViewSizeUnit.pixels,
            ),
            padding: texViewPadding,
          ),
        ),
        fonts: [
          TeXViewFont(
            fontFamily: 'lato',
            src: 'assets/fonts/lato-regular.ttf',
          ),
          TeXViewFont(
            fontFamily: 'source-sans-pro',
            src: 'assets/fonts/source-sans-pro.bold.ttf',
          ),
        ],
        loadingWidgetBuilder: (context) {
          return TeXViewLoadingBuilderWithShimmerEffect();
        },
      );
    });

My first TexView() is used for Question with short or long text,

2 - 5 TexView() are used for Option:
A: "...."
B: "..."
C: "..."
D:"..."
E:"..."

Sometimes it has force close the app, but maybe it's because I have used more than 1 TexView() in one page.

But, what about their device dosen't display or showing anything from that TexView()?
What caused it?

[IrfanKnowledge]

I have done some experiments, using DevicePreview. It seems the caused about their device doesn't display or showing anything from that TexView() is FontSize or TexScalling.

When using Device Preview with these settings:
-width: 360.0,
-long text,
-TextScalling 1.0

From TexView(), i set font size to 20.

it will blank ( doesn't display or showing anything from that TexView() ), and then force close.

But maybe on real device, it's not force close but only doesn't display or showing anything from that TexView(),

[IrfanKnowledge]

@Shahxad-Akram is there any way to force textScaling inside TexView(), is set to noScaling?

Because not every device have their font size or text scaling settings on android is set to XS (extra small).
On my case, all those device problem are using font size or text scaling more larger than XS and the font size insisde TexView() will be affected.

I have tried to use MediaQuery, set textScalling to noScalling, but it can't override textScalling inside TexView();

[Shahxad-Akram]

flutter_tex: ^4.0.6 Flutter version 3.24.0 on channel stable Dart version 3.5.0

I have tried this to 30-100 users. There are a small of user that their device dosen't display or showing anything. Their devices are:

-Samsung Galaxy J7+ -Redmi 9 (lancelot) -Redmi 9c -OPPO A15s -Redmi 9a -Samsung A03

Sometimes it's display some text, sometimes it doesn't show anything,

How do i place the TeXView():

using 5 TeXView() in 1 page, and only using TeXViewDocument() as the child,

 TeXView(
        renderingEngine: controller.renderingEngine,
        child: TeXViewDocument(
          textSoal,
          style: TeXViewStyle(
            sizeUnit: TeXViewSizeUnit.pixels,
            fontStyle: TeXViewFontStyle(
              fontSize: fontSize,
              fontFamily: 'lato',
              sizeUnit: TeXViewSizeUnit.pixels,
            ),
            padding: texViewPadding,
          ),
        ),
        fonts: [
          TeXViewFont(
            fontFamily: 'lato',
            src: 'assets/fonts/lato-regular.ttf',
          ),
          TeXViewFont(
            fontFamily: 'source-sans-pro',
            src: 'assets/fonts/source-sans-pro.bold.ttf',
          ),
        ],
        loadingWidgetBuilder: (context) {
          return TeXViewLoadingBuilderWithShimmerEffect();
        },
      );
    });

My first TexView() is used for Question with short or long text,

2 - 5 TexView() are used for Option: A: "...." B: "..." C: "..." D:"..." E:"..."

Sometimes it has force close the app, but maybe it's because I have used more than 1 TexView() in one page.

But, what about their device dosen't display or showing anything from that TexView()? What caused it?

I'm not exactly sure about this but using multiple TeXViews is not recommended as it's based on a webview so it would be a huge load on the device.

[IrfanKnowledge]

I will try to do refactoring the code, using only 1 TeXViews. Then I will share the result again.