对于Android的adjustsFontSizeToFit，有其他选择吗？

Question

我在文本字段中使用flex来显示我的值/范围。对于IOS，我使用属性adjustsFontSizeToFit和文本的minimumFontScale属性来实现理想的字体大小和缩放。我希望为Android启用相同的缩放。有人使用Android的任何技巧吗？

<View style={{flex: 40}}>
  {
   (Platform.OS === 'ios') ?
    <Text style={{flex: 1, paddingRight: 2}} adjustsFontSizeToFit 
    minimumFontScale={0.5}>
     //if decimal value exists show range
     (pointFivePart_1 === '5') ? 
        <Text style={{ flexDirection: 'row' }} >
          <Text style={styles.mainValueStyle}>{first_1}</Text>
          <Text style=styles.decimalValueStyle}> .pointFivePart_1}</Text>
          <Text style={styles.mainValueStyle}>&deg;</Text>
         </Text>
         : <Text style={styles.mainValueStyle} >{min}&deg;</Text>
        }
        //if two values then show the second value as range
{// render largest value if different than min
            (maxSet === minSet) ? null : (
                (pointFivePart_2 === '5') ?
                <Text style={{ flexDirection: 'row' }} >
                    <Text style={styles.mainValueStyle}> - {first_2}</Text>
                    <Text style={styles.decimalValueStyle}>.{pointFivePart_2}</Text>
                    <Text style={styles.mainValueStyle}>&deg;</Text>
                    </Text>
                :
                    <Text style={styles.mainValueStyle} > - {maxSet}&deg;</Text>
                    )
                }
                </Text>
                :
                //same styling for android

Answer 1

我使用的是@nazar解决方案的略微修改版本。我无法按需缩放，文本会被切断，因为基于屏幕设备的动态高度会对fontSize影响太大。

无论如何，这是我的解决方案。

var fontSize = width / text.length;
var maxSize = width / 5;
fontSize = Math.min(fontSize, maxSize);

最大字体大小由5个字母定义。在这种情况下，字母越少，fontSize就越大。这个值当然可以是任何值。您可以用这个函数创建一个简单的函数，并使用width参数在任何需要的地方调用它，这与屏幕很相似。width*0.1，第二个参数是文本的长度，第三个参数是maxSize。这样的话：

export function GetFontSize(width, length, max) {      
    var fontSize = width / length;

    var maxSize = width / max;
    fontSize = Math.min(fontSize, maxSize);

    return fontSize;
}

Answer 2

只需设置adjustFontSizeToFit和numberOfLines DONT设置字体大小

<Text adjustsFontSizeToFit numberOfLines={1}>This text will fit the width of the container</Text>

Answer 3

简单但不知何故可行的解决方案（跨平台）：

fontSize = Math.sqrt(textWidth*textHeight/text.length)

其中textWidth，textHeight -文本组件的大小，text.length -文本的长度。

最小字体规模可以通过以下方式实现

fontSize = Math.max(fontSize,minimumFontSize)

通过解这样的方程组，我得出了这个公式：

lettersInLine = textWidth/fontSize
lines = textLength/lettersInLine
lines*fontSize = textHeight

这里假设字体是方形的(宽度等于高度)。

尽管这个公式即使没有方程式也是有意义的。你只是

1. 计算整个文本元素的平方
2. 计算每个字母的平方（将整个平方除以字母数）
3. 从字母方根取平方根以获得字体大小