Weex组件:<div>

官方手册

  • 用于包装其它组件的最基本容器。

  • 不能直接在里面添加文本(字符串),如果要展示文本,应该使用 <text> 组件。

  • 历史版本中,<div> 别名是 <container>,目前已经弃用。

  • <div> 不可滚动

  • 示例

<template>
  <div>
    <text class="text">Hello World!</text>
  </div>
</template>
<style>
.text {
  font-size: 70;
  color: #ff0000
}
</style>
<script></script>
  • SDK中的类:WXDivComponent
[self registerComponent:@"container" withClass:NSClassFromString(@"WXDivComponent") withProperties:nil];
[self registerComponent:@"div" withClass:NSClassFromString(@"WXComponent") withProperties:nil];
  • WXDivComponent只是继承WXComponent,啥也没干
#import "WXComponent.h"

@interface WXDivComponent : WXComponent

@end
#import "WXDivComponent.h"

@interface WXDivComponent ()
@end

@implementation WXDivComponent

@end
  • 所以说,用div和用container是完全一样的,至于“弃用”什么的,基本都是废话。

  • div其实就是个容器,就是组件的基类。不过这个概念很重要,相当于“一块区域”。把手机屏幕用几个div分割一下,复杂度一下子就降低了,体现了现在流行的“组件思想”。

  • 虽然啥也没做,不过还是要建议好好用,其地位就相当于原生的“UIView”,也应该理解为“容器”,一块“矩形区域”。

  • div也可以理解为"占位符",具体内容,让里面的“子组件”来完成。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容