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