react native Text组件首行缩进

中文段落一般都会有首行缩进。然而react native的Text组件并没有直接提供相关的配置属性。

在最近的开发中遇到了一个看似简单的需求，要实现如下图的效果

重点是需要在标题的左边添加一个分类的标识，而这个标识不能直接使用Text嵌套实现。因为这个标识区域是有边框的。

有人可能会问为什么不直接使用marginLeft呢？那将会是另一种效果，如下图所示

为了实现上述需求，我的思路是对标题进行首行缩进，空出相应的空间进行标识的绘制。

空格占位符

空格占位符相对于Text组件内的字符串来说可以根据情况设置不同的缩进宽度。比如常见的首行缩进2字符，就可以使用  来进行设置。以下是不同宽度的空格占位符的清单：

  == 普通的英文半角空格
  ==   ==   == no-break space （普通的英文半角空格但不换行）
　 == 中文全角空格 （一个中文宽度）
  ==   == en空格 （半个中文宽度）
  ==   == em空格 （一个中文宽度）
  == 四分之一em空格 （四分之一中文宽度）

使用方法

<Text> &emsp;&emsp;
    {
   `这是一个文本。slice(start,end) 方法用于提取字符串的某个部分（从参数 start 到 end 位置），并以新的字符串返回被提取的部分。类似 substring()。`}