ListItem用于显示信息行,例如联系人列表,播放列表或菜单。它们是非常可定制的,可以包含开关,头像,徽章,图标等。
Component:View或TouchableHighlight(默认)(如果将onPress方法添加为prop)
containerStyle:对象 主容器样式(可选)
contentContainerStyle:对象 其他包装样式(标题和字幕容器)
rightContentContainerStyle:对象 包装样式(右侧的标题和字幕容器)
chevron:布尔 <图标 或者icon props 或者react 元素或者组件
checkmark:选中标记 将其设置为true或自定义图标props 或者react 元素或者组件
title:字符串或者react 元素
titleStyle:title样式 对象
titleProps:提供react-native Text组件的所有props
subtitle:(title下面的字幕文字)字符串或者React元素
subtitleStyle:字幕文字的样式
subtitleProps:提供react-native Text组件的所有props
rightTitle:在列表项的右侧显示标题 字符串或者React元素
rightTitleStyle:右侧标题样式
rightTitleProps:提供react-native Text组件的所有props
rightSubtitle:在列表项的右侧显示字幕
rightSubtitleStyle:右侧字幕样式
rightSubtitleProps:提供react-native Text组件的所有props
leftIcon:在左侧显示一个图标 icon props或者组件
rightIcon:在右侧显示一个图标 icon props或者组件
leftAvatar:在左侧显示一个头像 avatar props 或者组件
rightAvatar:在右侧显示一个头像 视图样式(对象)avatar props 或者组件
leftElement:在左侧显示一个元素 react 元素
rightElement:在右侧显示一个元素 react 元素
switch:对象 在右侧添加一个开关 rn-Elements Switch props
input:对象 在右侧添加一个输入框 rn-Elements Input props
buttonGroup:对象 在右侧添加一个按钮组 rn-Elements ButtonGroup props
checkBox:对象 在右侧添加一个复选框 rn -Elements Checkbox props
badge:对象 在右侧添加一个徽章 rn -Elements Badge props
disabled:禁用 布尔 若为true 用户无法对列表项执行任何操作
disabledStyle:禁用列表项时要使用的特定样式 对象
topDivider:布尔 列表项的顶部添加分隔线
bottomDivider:布尔 列表项的底部添加分隔线
ViewComponent:渐变容器 (非expo使用)组件 默认View
pad:在leftComponent,title组件和right组件之间添加间距 num 默认 16
onPress:方法
onLongPress:方法