BaseItemView(通用Item组件)

type1

BaseItemView(通用Item组件)_第1张图片
Paste_Image.png
{ }}
    type={1}
    viewType={{isHaveImage:true,imageURL:rowData.imageUrl,width:width,height:20,imageViewStyle:{width:width,height:200,margin:0}}}
    data={{backgroundColor:'white',text1:rowData.title,text2:rowData.description+rowData.description+rowData.description,text3:time,borderBottomWidth:20}}
/>

type2

BaseItemView(通用Item组件)_第2张图片
Paste_Image.png
isHaveImage:true //显示或者隐藏图片
{}}
    type={2}
    viewType={{isHaveImage:true,imageURL:rowData.imageUrl,width:width,height:20,imageViewStyle:{width:width,height:200,margin:0}}}
    data={{backgroundColor:'white',text1:rowData.title,text2:time,text3:rowData.content,borderBottomWidth:20}}
/>

type3

BaseItemView(通用Item组件)_第3张图片
Paste_Image.png
 {}}
    type={3}
    rowID={rowID}
    data={rowData}/>

type4


viewType1 单行编辑/多行编辑设置multiline=true


viewType2 ?


viewType3 单行不可编辑,右边箭头


viewType4 单行右边开关

BaseItemView(通用Item组件)_第4张图片
Paste_Image.png
{this.onChangeTextWithIndex(text,0)}}
/>
{}}
    onPress={()=>{this.cityChooseClick()}}
/>
{}}
    onPress={()=>{this.cityChooseClick()}}
/>
{}}
    onValueChange={(value)=>{this.switchOnPress(value)}}
/>

type5

BaseItemView(通用Item组件)_第5张图片
Paste_Image.png
//imageArray里面是图片地址,最上层
 

type6

Paste_Image.png
Paste_Image.png
leftTitle                左边文字
leftTitleSize         左边文字大小
onLeftPress        左边点击

rightTitle             右边文字
rightTitleSize       右边文字大小
onRightPress      右边点击
underLine            是否显示下划线
 { }} />

 {}}/>

type7

Paste_Image.png
isHideRightImage :'true'  是否隐藏右边图标箭头图标
 {}}
/>

type8

Paste_Image.png
Paste_Image.png
 {
        this.cellClick(rowID, index)
    }}
    data={{
        text1: rowDataX.title,
        text2: '¥' + rowDataX.marketPrice,
        text3: rowDataX.skuDesc,
        text4: 'x' + rowDataX.count,
        leftImage: rowDataX.imageUrl
    }}
/>

你可能感兴趣的:(BaseItemView(通用Item组件))