[IOAPPX-419] Adjust the size of Icon, Pictogram and some components based on the value of fontScale

[dmnplb]

Caution

This PR depends on the following PR:

• Add granular support for allowFontScaling to the IOText component #347

Short description

This PR adds a dynamic size to some components, based on the value of fontScale. Dynamic size is currently supported on the following components:

• Tag, Badge, Alert and FeatureInfo
• All the selection components (ListItemCheckbox, ListItemRadio, etc…)
• All the ListItem… components

List of changes proposed in this pull request

• Add the new useIOFontDynamicScale hook to get the current fontScale value
• Add the new allowFontScaling to Icon, AnimatedIcon and Pictogram components to enable dynamic size based on the fontScale value
• Add the new allowScaleSpacing to Stack components to enable the same behavior
• Add dynamic spacing to Tag, Badge, all the selection and ListItem… components
• Increase value of the maxFontSizeMultiplier from 1.25 to 1.5
• Hide decorative icons from ListItem… and Module… components if the text size multiplier is quite big (>= 1.5)

Preview

ListItemCheckbox

As you can see, the size of the margins, icons and checkboxes also changes depending on the value of fontScale:

Default size	Larger text size

Alert

Same as above, but with boldEnabled set to ON.

Default size	Larger text size

How to test

1. Launch the example app
2. Go to the Accessibility → Display & Text Size → Larger text
3. Change the values
4. Go back to the example app to see the applied changes

[LeleDallas]

Here are some suggestions. Feel free to reach out if you have any questions!

[dmnplb]

@dmnplb don't forget to include fontScale in the android:configChanges attribute of AndroidManifest.xml file to prevent crashes caused by system font size changes

@LeleDallas Addressed in the following commit → 1428067 (#348)

[LeleDallas]

After running some tests, it appears that the app keeps crashing on Android 14.

Screen.Recording.2024-12-04.at.11.56.16.mov

Android 14 vs Android 10

[LeleDallas]

After running some tests, it appears that the app keeps crashing on Android 14.

Screen.Recording.2024-12-04.at.11.56.16.mov
Android 14 vs Android 10

To resolve the issue, add the following code to your MainActivity.java file:

import android.os.Bundle;

@Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(null);
  }

Thank's @shadowsheep1 for the support!

[dmnplb]

To resolve the issue, add the following code to your MainActivity.java file

@LeleDallas We already have this setting in the io-app application, don`t we?

[LeleDallas]

To resolve the issue, add the following code to your MainActivity.java file

@LeleDallas We already have this setting in the io-app application, don`t we?

Yep! I think the effort to put it here is minimal

[dmnplb]

Yep! I think the effort to put it here is minimal

@LeleDallas Just added with this commit: 3912dee (#348)

[LeleDallas]

The feature now works as expected without crashing 🎊🎊!

My only concern is about restarting the session after updating the text size...
As shown in the video, if the app is in a particular state during the restart after updating the text size, that state will be lost. However, I’ve noticed that other apps, such as Bluesky, handle it in a similar way.

Untitled.mov

[LeleDallas]

Good on iOS device too!

ScreenRecording_12-06-2024.15-58-11_1.MP4

[LeleDallas]

As discussed during the meeting, we find this behavior acceptable 💫