React Native-在Android上根据容器的大小调整字体大小

时间:2019-04-30 15:10:29

标签: javascript android react-native

我正在尝试将文本放入有限的空间(黄色容器)中。 如何在Android中解决this problem

在iOS the problem is solved中,通过AdjustsFontSizeToFit = {true}。

我的代码:

<View
  style={{
    backgroundColor: 'yellow',
    flex: 0.8,
    marginRight: 10,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center'
  }}
>
  <CustomText style={{ fontWeight: '400' }}>{`Qt. ${orderProduct.quantity}`}</CustomText>
    <PriceText
      style={{
        fontWeight: '600',
        fontSize: 18,
        color: '#000'
      }}
      price={price}
    />
</View>

1 个答案:

答案 0 :(得分:0)

嘿,考虑研究this。 在android native中,这是通过将文本的最大行数设置为1来完成的。android:maxLines="1"