文本组件介绍
文本组件是 React Native 中用于显示文本的基本组件。它提供了多种属性和方法来控制文本的样式、对齐方式以及字体等。文本组件可以嵌套使用以实现复杂的文本格式，并且可以通过样式表（StyleSheet）来定义样式。
使用文本组件
基本使用
在 React Native 中，你可以通过 <Text> 标签来创建文本组件。以下是一个简单的例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ---- - ---- ---------------
------ ------- -------- ----- -
------ -
------
----------- -------------
-------
--
-在这个例子中，我们创建了一个包含“Hello World!”的文本组件，并将其放置在一个视图容器中。
文本对齐
你可以通过 style 属性中的 textAlign 来设置文本的对齐方式。支持的值有：'auto', 'left', 'right', 'center' 和 'justify'。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ---------- - ---- ---------------
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- --------
--
----- -
---------- --------
-
---
------ ------- -------- ----- -
------ -
----- -------------------------
----- --------------------------------
-------
--
-字体样式
你可以通过 style 属性中的 fontFamily, fontSize, fontWeight 等来改变文本的字体样式。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ---------- - ---- ---------------
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- --------
--
----- -
----------- --------
--------- ---
----------- ------
-
---
------ ------- -------- ----- -
------ -
----- -------------------------
----- -----------------------------------
-------
--
-多行文本
默认情况下，<Text> 组件只能显示单行文本。若要显示多行文本，需要设置 numberOfLines 属性。当文本超过指定的行数时，会自动添加省略号（...）。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ---------- - ---- ---------------
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- --------
--
----- -
-------------- --
---------- --------
-
---
------ ------- -------- ----- -
------ -
----- -------------------------
----- --------------------
-----------------------------
-------
-------
--
-链接文本
React Native 提供了 Linking API 来处理链接文本。虽然 <Text> 组件本身不直接支持链接，但你可以使用 underline 样式和 onPress 事件处理器来模拟链接效果。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ----------- ------- - ---- ---------------
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- --------
--
----- -
------ ----------
------------------- -----------
-
---
------ ------- -------- ----- -
----- ----------- - -- -- -
-------------------------------------------
--
------ -
----- -------------------------
----- --------------------- --------------------
-------
-------
-------
--
-总结
文本组件是 React Native 中最基础也是最重要的组件之一，通过灵活地使用它的各种属性和样式，我们可以创建出具有丰富样式的文本内容。希望本章的内容能够帮助你更好地理解和使用文本组件。