Android 版的adjustsFontSizeToFit 有什么替代品吗？

Question

我在文本字段中使用 flex 来显示我的值/范围。对于 IOS，我使用 Text 的属性 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

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

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

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

minimumFontScale 可以通过

来实现

fontSize = Math.max(fontSize,minimumFontSize)

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

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

这里假设字体是正方形（宽度等于高度）的字母。

虽然这个公式即使没有方程式也有意义。你只是

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

Answer 2

只需设置 adjustFontSizeToFit 和 numberOfLines 不要设置字体大小

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

Answer 3

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

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

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

最大字体大小由 5 个字母定义。在这种情况下，较少的字母会使 fontSize 过大。这个值当然可以是任何值。您可以从中制作简单的函数，并使用宽度参数在任何需要的地方调用它，理想情况下类似于 screen.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 4

@aaltaf 在 android 中，我通常将 TextView 的尺寸定义到 values 内的尺寸文件中，对于 font 通常使用 的默认字体字体家族
这是一个例子......

<TextView
   android:id="@+id/shipment_text_view"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_marginTop="@dimen/send_two_dp"
   android:gravity="center_vertical"
   android:text="@{locationViewModel.sameDayShipmentText}"
   android:textColor="@color/black"
   android:textSize="@dimen/send_fourteen_sp"
   android:fontFamily="sans-serif"
   tools:text="6-8 hour delivery" />

希望它会有所帮助:)