View标签

代码示例

import React from 'react'
import { View, Text } from '@tarojs/components'
 
export default function Demo() {
  return (
    <View className='container'>
      <View className='header'>
        <Text>欢迎使用 Taro View 组件</Text>
      </View>
      <View className='content'>
        <Text>这是一个简单的视图容器示例</Text>
      </View>
    </View>
  )
}

注意事项

• View 组件是一个容器组件，类似于原生小程序中的 view容器 标签，用于布局和包裹子元素。
• 可以通过 className 属性来添加样式，支持使用 CSS 或 Sass 编写样式。
• View 支持绑定事件，如点击事件 onClick，方便实现交互功能。
• 在使用 flexbox 布局时，View 是常用的容器元素，可以灵活控制布局结构。
• 在跨端开发中，Taro 的 View 会自动适配对应平台的原生视图标签，无需手动修改。