react native 常用组件 ListItem react-native-elements

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



switch 开关

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:方法

你可能感兴趣的:(react native 常用组件 ListItem react-native-elements)