我们开发web应用,会使用到各种Html基本元素,比较<div>,<span>,<img>等。
当我们在开发React Native时,我们不能使用HTML元素,但是我们可以使用各种组件类似如图:
HTML | React Native |
div | View |
img | Image |
span,p | Text |
虽然这些元素有很多类似的用途,但是他们是不可以等同的。让我们来下这些组件是如何在移动端运行的,
1、文本组件
渲染文本看似是一个基本功能,几乎任何应用都需要渲染文本。然而,它却不同于一般的Web的Text渲染方式。
在React Native中,只有<Text>组件能作为纯文本的子节点,换句话说,这样是无效的:
<View> 文本不能放在这里 </View>
反之,使用<Text>组件将文本内容包起来:
<View> <Text></Text> </View>
时间: 2024-11-08 19:04:33