Add support for Text adjustsFontSizeToFit

[tanx]

Do you want to request a feature or report a bug?

Feature. See: https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit

What is the current behavior?

The prop is not implemented. See:

react-native-web/packages/react-native-web/src/exports/Text/index.js

Lines 44 to 45 in 23fa663

	/* eslint-disable */
	adjustsFontSizeToFit,

What is the expected behavior?

The prop to be supported :)

Environment (include versions). Did this work in previous versions?

• OS: all
• Device: all
• Browser: all
• React Native for Web (version): all
• React (version): all

[necolas]

No plans to support this. It's iOS-only in React Native and depends on native functionality that's not available on the web.

[tanx]

@necolas gotcha, thanks for the reply. So if we provided a PR to polyfill for the web you wouldn’t accept it either?

[necolas]

I'd take a look at a PR that adds this functionality in a reliable and performant way :)

[tanx]

Ok cool. We'll give it a try and post a PR if we find a clean way to do this. Otherwise I'm sure we can work around the issue as well.

Anyway, this goes without saying but thanks a lot for your work on 'react-native-web'. It's allowing us to build our desktop UI in Electron with shared components for mobile :)

[necolas]

Closing for now as the prop is iOS-only and there's no direct equivalent on web that I know of. Still open to a PR

[magus]

I wrote something that requires worst case log(n) dom operations might be able to adapt, worth trying to port Nicolas?

https://codesandbox.io/s/nrpqopp18p

[semiherdogan]

Android adjustFontSizeToFit is merged but not released yet, see: facebook/react-native#26389
For the time being for android i am using "onTextLayout" prop of Text component (and calculating font size manually), if onTextLayout is added into Web Text component, that would work too.

[RWOverdijk]

Cool, does that mean this could be considered for react native web?

[semiherdogan]

onTextLayout doesn't exists on Web Text compoent, if added i think so..

[markymc]

No plans to support this. It's iOS-only in React Native and depends on native functionality that's not available on the web.

@necolas Just a note that (if I'm not mistaken) adjustsFontSizeToFit is now supported on Android too. So I wonder if a revisit of this might be worth it? I can imagine it would help some people.