react-native-arraylist-view

Table of contents

• Installation
• Usage
• Sample Data
• Properties
• Contributing
• LICENSE

Installation

npm i react-native-arraylist-view --save

Usage

import ViewList from 'react-native-arraylist-view';

<ViewList arrayData={[]} />;

Sample Data

[
  {
    name: 'rakesh',
    password: 'password1',
    profession: 'layer',
    address: 'address1',
    image: [
      {
        'before Image':
          'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
        'after Image':
          'https://pixabay.com/images/download/people-2944065_640.jpg',
      },
    ],
  },
  {
    name: 'jagesh',
    password: 'password2',
    profession: 'doctor',
    address: 'address2',
    image: [
      {
        'before Image':
          'https://pixabay.com/images/download/people-2944065_640.jpg',
        'after Image':
          'https://www.yttags.com/blog/wp-content/uploads/2023/02/image-urls-for-testing.webp',
      },
    ],
  },
  {
    name: 'yogesh',
    password: 'password3',
    profession: 'teacher',
    address: 'address2',
    image: [
      {
        'before Image':
          'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
        'after Image':
          'https://www.yttags.com/blog/wp-content/uploads/2023/02/image-urls-for-testing.webp',
      },
    ],
  },
];

Properties

ListView

Prop	Default	Type	Description	Required/Optional
arrayData	[]	Array	Array of objects	Required
isEdited	false	Boolean	Show and hide edit button	Optional
onSelectEdit	-	Function	Callback function received value from list selection	Optional
isDeleted	false	Boolean	Show and hide delete button	Optional
onSelectDelete	-	Function	Callback function received value from list selection	Optional
deleteImage	-	-	Delete Image	-
editImage	-	-	Edit Image	-

Style Props

Prop	Description	Type
rowStyle	Customize row style	Object
rowLabelStyle	Customize row title style	Object
rowValueStyle	Customize row value style	Object
containerStyle	Customize container style	Object

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT