基础语法 | Notion

原生渲染映射

元件	Android	iOS	HarmonyOS	Web 类比	说明
`<view>`	`ViewGroup`	`UIView`	`Stack`	不可滚动的 `<div>`	基础视图容器，多用于承载布局能力、进行样式绘制以及包裹其他元素
`<text>`	`TextView`	`UITextView`	`Text`	`<p>`	用于显示文本内容。可以对齐指定特定的文字样式
`<image>`	`ImageView`	`UIImageView`	`Image`	`<img>`	用于显示不同类型的图，包括网络图片、静态资源、和来自本地磁盘的图片
`<scroll-view>`	`ScrollView`	`UIScrollView`	`Scroll`	指定 `overflow:scroll` 的 `<div>`	基础的可滚动元件，支持横向和竖向。允许用户滚动以展示更多内容
`<list>`	`RecyclerView`	`UICollectionView`	`List`	无	高性能的可滚动元件，能通过自动懒加载和复用视图减轻内存压力
`<page>`	一个页面的`ViewRootImpl`	一个页面的`UIViewController.view`	`@Entry`装饰的自定义组件	无法修改尺寸的 `<body>`	一个页面的根节点，大多数情况下无需手动添加

<view style="padding:10px;background:gray;">
  <text>Hello Lynx</text>
</view>

<image auto-size style="width:100px;" src="assets/logo.png" />

<view className="button-row">
		<view className="btn btn-primary" bindtap={handleClick}>
			<text className="btn-text">点击 +1</text>
		</view>
		<view className="btn btn-danger" bindtap={handleReset}>
				<text className="btn-text">重置</text>
		</view>
</view>