反应本机限制字符

Question

我正在使用API​​。

renderGridItem = (itemData) => {
 return(
  <Text>
   {itemData.item.description}
  </Text>
 );
};

我只想显示描述的前50个字符。我该怎么办？

Answer 1

您可以只使用常规的javascript函数来执行此操作。在这种情况下，substring

renderGridItem = (itemData) => {
 return(
  <Text>
   {itemData.item.description.substring(0, 50)}
  </Text>
 );
};

Answer 2

不完全是50个字符，但是您可以通过以下组合来实现：

• 声明numberOfLines文本属性并将其设置为1/2（取决于您的需要）。
• 使用您想要的名称声明ellipsizeMode。
• 将容器/文本本身的宽度设置为您需要并想要显示的宽度。

Link to docs on Text in React Native.

这样，您可以确保文本正确显示，并且不会用难看的方式剪掉任何文字。

Answer 3

欢迎@Nai到StackOverflow，

您可以使用纯JavaScript函数。 Angular CLI: 10.0.2 Node: 12.14.1 OS: win32 x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.1000.2 @angular-devkit/core 10.0.2 @angular-devkit/schematics 10.0.2 @schematics/angular 10.0.2 @schematics/update 0.1000.2 rxjs 6.5.5 或slice。

切片的使用：-

substring