如何在多行React Native TextInput

编程问答 2022-06-05

问题描述

我正在尝试在React Native中实现回复输入，我希望有可能在回复文本的开头呈现要回复的人名。我附上了示例图片。该输入将是多行的，并且很重要，因为我正在考虑为我的答复TextInput添加一些填充，并且将Person Name文本绝对定位在填充的空间。 看起来可能是一种解决方案，但是：

  1. 如果我们有多行文字，该怎么办？如果我们为TextInput添加一些填充，当我只需要第一个填充时，它将影响所有行
  2. 人名文本的宽度可能不同，因此不应对填充值进行硬编码。我认为可以通过首先呈现Person名称文本，计算其宽度并为TextInput设置填充来解决此问题，但即使在这种情况下，我们也将面临问题1）

是否可以通过某种方式实现此功能？

感谢您的帮助！

Example

EExample 2

解决方法

您可以使用嵌套样式。

<Text style={styles.username}>@Rosemary#9234<Text style={styles.body}>I agree with you!</Text></Text>
multilinereact-nativereactjsreactjs