当前位置: 首页 > 知识库问答 >
问题:

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

顾曾笑
2023-03-14

我正在尝试将文本放入一个有限的空间(黄色容器)。如何在Android中解决这个问题?

在iOS中,该问题通过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个答案

柯宜年
2023-03-14

嘿,考虑一下这个。在android native中,这是通过将文本的最大行数设置为1来实现的。< code > Android:maxLines = " 1 "

 类似资料:
  • 问题内容: 它由9个框组成,中间带有文本。我已经制作了框,以便它们可以随着屏幕大小的变化而调整大小,以便始终保持在同一位置。 但是,即使我使用百分比,文本也不会调整大小。 如何调整文本的大小,使其在整个页面上始终具有相同的比例? 这是处理多种分辨率的合适解决方案吗?还是我应该在CSS中进行很多检查并为每种媒体类型设置许多布局? ``` html, body { } #launchmain { }

  • 问题内容: 我有一个具有%宽度和高度的容器,因此它可以根据外部因素进行缩放。我希望容器内的字体相对于容器的大小是恒定的。有没有什么好方法可以使用CSS做到这一点?将根据原来的字体尺寸(这将是100%)将只缩放字体。 问题答案: 您也许可以使用CSS3通过计算来做到这一点,但是使用JavaScript可能更安全。 使用JS,您可以更改文本的高度,然后在调整大小的过程中将相同的计算简单地绑定到调整大小

  • 问题内容: 我正在开发类似iGoogle的应用程序。使用iframe显示其他应用程序(在其他域上)的内容。 如何调整iframe的大小以适合iframe内容的高度? 我试图破译Google使用的javascript,但它被混淆了,到目前为止,在网络上搜索毫无结果。 更新: 请注意,内容是从其他域加载的,因此适用同源策略。 问题答案: 我们遇到了这类问题,但与您的情况略有不同我们向其他域上的网站提供

  • 问题内容: 在以Swift编写的iOS应用程序中使用自动布局时,如何根据内容调整textField的大小? 加载视图时以及用户键入时,文本字段将根据需要调整大小以适合其内容。 理想情况下,文本字段将在某个点(例如6行)处停止调整大小,并变为可滚动。 问题答案: 您必须使用而不是。 然后,您可以使用该方法。 但是首先,您必须知道一条线的高度。您可以使用以下方法获取该信息: 之后,只需在方法内部调用方

  • 问题内容: 我需要根据用于调整容器大小的缩放因子来调整多个JLabel的字体大小。为此,我将每个JLabel的字体设置为null,以便它们采用容器的字体。它有效,但也会产生奇怪的结果。 具体来说,文本似乎“滞后”在容器后面,有时甚至被截断。我想避免这种行为。任何想法如何? 模拟行为的示例代码: 图片:http : //i.stack.imgur.com/tZLOO.png 谢谢, -s 问题答案:

  • 我有一个容器有%的宽度和高度,所以它根据外部因素进行缩放。我希望容器内的字体是一个恒定的大小相对于容器的大小。使用CSS有什么好的方法可以做到这一点吗?将只根据原始字体大小(100%)缩放字体。