react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
24 lines (23 loc) • 1.32 kB
JSON
{
"name": "ListItem",
"category": "basic",
"description": "List item component to render inside a List component",
"extends": ["TouchableOpacity"],
"extendsLink": ["https://reactnative.dev/docs/touchableopacity"],
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/BasicListScreen.tsx",
"images": ["https://media.giphy.com/media/l1IBjHowyPcOTWAY8/giphy.gif"],
"props": [
{"name": "height", "type": "ViewStyle['height']", "description": "the list item height"},
{"name": "onPress", "type": "() => void", "description": "action for when pressing the item"},
{"name": "onLongPress", "type": "() => void", "description": "action for when long pressing the item"},
{"name": "containerStyle", "type": "ViewStyle", "description": "Additional styles for the top container"},
{
"name": "containerElement",
"type": "React.ComponentType<ListItemProps | TouchableOpacityProps>",
"description": "The container element to wrap the ListItem"
},
{"name": "style", "type": "ViewStyle", "description": "The inner element style"},
{"name": "underlayColor", "type": "string", "description": "The inner element pressed backgroundColor"},
{"name": "testID", "type": "string", "description": "The test id for e2e tests"}
]
}