4 Star 0 Fork 7

OpenHarmony-SIG / MultiType

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

MultiType

简介

更轻松、更灵活地为 List 创建多种类型布局

效果展示

下载安装

npm install @ohos/multitype --save

OpenHarmony npm环境配置等更多内容,请参考 如何安装OpenHarmony npm包

使用说明

MultiType引用及使用

import {MultiTypeAdapter} from '@ohos/multitype'

  //自定义item内容
  @Builder MyListItem(arr, index) {
    Column() {
      Text('title: ' + arr[index].id).fontSize(16).padding({ left: 15, right: 15, top: 15 })

    }.width('100%').alignItems((arr[index].itemType == 1) ? HorizontalAlign.Start : HorizontalAlign.End)
  }
  //页面中使用
  build() {
    Column() {
      ...
      MultiTypeAdapter({
        array: this.items,
        // @ts-ignore
        child: (arr, index) => {
          this.MyListItem(arr, index)
        }
      })
    }.height('94%').width('100%')
  }

接口说明

MultiTypeAdapter({}) 参数1:array List的数据源 参数2:child Item的样式

兼容性

支持 OpenHarmony API version 8 及以上版本。

目录结构

|---- MultiType
|     |---- entry  # 示例代码文件夹
|     |---- multitype  # multiType库文件夹
|	    |----src
          |----main
              |----ets
                  |----components/MainPage
                      |----MultiTypeAdapter.ets #核心封装逻辑
|       |---- index.ets  # 对外接口
|     |---- README.md  # 安装使用方法                    

贡献代码

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR

开源协议

本项目基于 Apache License 2.0 ,请自由地享受和参与开源。

Repository Comments ( 1 )

Sign in to post a comment

About

No description expand collapse
JavaScript
Apache-2.0
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
1
https://git.oschina.net/openharmony-sig/MultiType.git
git@git.oschina.net:openharmony-sig/MultiType.git
openharmony-sig
MultiType
MultiType
master

Search