React Native多行文本缩进

Question

在React Native中，由于文本长度，Text组件会自动换行。我该如何在自动换行后保持所需的缩进？ React Native上的文本缩进 这个问题回答了如何使用文本组件创建缩进，但没有解决像user3191334问的多行缩进的问题。

例如，如果我们使用单行缩进：

<Text>{'\t'}Hello, my name is John.</Text>

手机屏幕上的输出可能是：

     Hello, my name is 

 John. 

我希望输出结果为：

     Hello, my name is

     John.

- PrMi

Answer 1

在文本样式中添加paddingLeft属性。以下是一个示例：

<Text style={{paddingLeft:100}}>this is just and example </Text>

- Engr.Aftab Ufaq

Answer 2

你可以使用 /n 进行换行。

<Text>
   Hi{'\n'}
   this is a test message.
</Text>

- Manthan Kanpariya

Answer 3

React Native 解析你放入的任何内容 {`some text`}。 在你的例子中，你可以这样使用它：

<Text>
    {`Hello, my name is
    
         John.`}
</Text>

- Behzad 1k