View
视图容器

属性及支持度

微信小程序 H5 ReactNative 属性名 类型 默认值 说明
√ √ √ hoverClass String none 指定按下去的样式类。当 hover-class=”none” 时，没有点击态效果
√ √ √ hoverStartTime Number 50 按住后多久出现点击态，单位毫秒
√ √ √ hoverStayTime Number 400 手指松开后点击态保留时间，单位毫秒
√ x hoverStopPropagation Boolean false 指定是否阻止本节点的祖先节点出现点击态
示例：
  1. <Text>flex-direction: row 横向布局</Text>
  2. <View className="flex-wrp" style="flex-direction:row;">
  3.   <View className="flex-item demo-text-1"/>
  4.   <View className="flex-item demo-text-2"/>
  5.   <View className="flex-item demo-text-3"/>
  6. </View>
  7. <Text>flex-direction: column 纵向布局</Text>
  9. <View className="flex-wrp" style="flex-direction:column;">
  10.   <View className="flex-item flex-item-V demo-text-1"/>
  11.   <View className="flex-item flex-item-V demo-text-2"/>
  12.   <View className="flex-item flex-item-V demo-text-3"/>
  13. </View>