open-index/open-npm huggingface dataset:
npm package: @rea-app/react-native-camera-roll-picker
Description: A React Native component providing images selection from camera roll 
Author: jeanpan
Latest version: 1.4.0-rc.0


[![version](https://img.shields.io/npm/v/react-native-camera-roll-picker.svg)](https://www.npmjs.org/package/react-native-camera-roll-picker) [![npm](https://img.shields.io/npm/dt/react-native-camera-roll-picker.svg)](https://www.npmjs.org/package/react-native-camera-roll-picker)

# react-native-camera-roll-picker
CameraRoll Picker component for React native

<a href="https://raw.githubusercontent.com/jeanpan/react-native-camera-roll-picker/master/demo/demo.gif"><img src="https://raw.githubusercontent.com/jeanpan/react-native-camera-roll-picker/master/demo/demo.gif" width="350"></a>

Requires `react-native >=0.43.0`


## Add to Project
* Make sure node_modules/react-native/Libraries/CameraRoll/RCTCameraRoll.xcodeproj has been imported to project libraries by following the [libraries linking instructions](https://facebook.github.io/react-native/docs/linking-libraries-ios.html). Don't forget to link the `libRCTCamera.a` into `Link Binary with Binaries` on your target's Build Phases.
* Make sure to follow react-native-cameraroll [linking instructions](https://github.com/react-native-community/react-native-cameraroll). Mostly automatic installation would use:
`$ react-native link @react-native-community/cameraroll`
* Install component through npm
```
$ npm install react-native-camera-roll-picker --save
```

* Require component
```
import CameraRollPicker from 'react-native-camera-roll-picker';
```

## Basic Usage
```js
<CameraRollPicker
  callback={this.getSelectedImages} />
```

## Props
- `callback` : Callback function when images was selected. (is required!). Return a selected image array and current selected image.
- `initialNumToRender` : Specifies how many rows we want to render on our first render pass. (Default: 5)
- `groupTypes` : The group where the photos will be fetched, one of 'Album', 'All', 'Event', 'Faces', 'Library', 'PhotoStream' and 'SavedPhotos'. (Default: SavedPhotos)
- `assetType` : The asset type, one of 'Photos', 'Videos' or 'All'. (Default: Photos)
- `selected` : Already be selected images array. (Default: [])
- `selectSingleItem` : Boolean to select only one single image at time. (Default: `false`)
- `maximum` : Maximum number of selected images. (Default: 15)
- `imagesPerRow` : Number of images per row. (Default: 3)
- `imageMargin` : Margin size of one image. (Default: 5)
- `containerWidth` : Width of camer roll picker container. (Default: device width)
- `selectedMarker` : Custom selected image marker component. (Default: checkmark).
- `backgroundColor` : Set background color. (Default: white).
- `emptyText`: Text to display instead of a list when there are no photos found. (Default: 'No photos.')
- `emptyTextStyle`: Styles to apply to the `emptyText`. (Default: `textAlign: 'center'`)
- `loader`: Loader component node. (Default: `<ActivityIndicator />`)

## Run Example
```
$ git clone https://github.com/jeanpan/react-native-camera-roll-picker.git
$ cd react-native-camera-roll-picker
$ cd Example
$ npm install
$ react-native run-ios
```
npm package: @rea-app/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 2.3.0

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @rea-hole/core
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: Reagentum team
Latest version: 4.0.2

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

* React
* Styled-components
* Typescript

```
import { Button, Input } from '@rea-hole/core';
```

## Темизация
 
  В библиотеке реализована возможность темизации компонентов. Компоненты используют в своих стилях переменные, заданные в дефолтной теме (import { DefaultTheme } from '@rea-hole/core';), с помощью темизации значения данных переменных можно перезадать, тем самым изменив внешний вид компонентов. Механизм темизации позаимствован из styled-components.

  Как внедрить темизацию в свой проект:
  1) с помощью функции createTheme нужно создать новую тему. Для этого в функцию необходимо передать объект, с теми свойствами, которые вы хотите перезадать. Внутри себя createTheme смерджит заданные вами опции с дефолтной темой.
  2) затем нужно импортировать компонент ThemeProvider из @rea-hole/core или styled-components. В ThemeProvider вы можете обернуть тот компонент, который хотите стилизовать, или сразу целую часть приложения, тогда тема будет применена сразу к нескольким компонентам.
  3) В ThemeProvider задайте параметр theme, в который передайте результат выполнения функции createTheme

  Подробнее о механизме темизации можно прочесть здесь https://styled-components.com/docs/advanced. Возможен вариант, когда один ThemeProvider вложен в другой и так далее. 

  Примеры темизации:

  1) 
  import { ThemeProvider, createTheme, Button } from '@rea-hole/core';

  render (
    <ThemeProvider theme={createTheme({ borderWidth: '4px', shape: { borderRadiusSmall: '5px' } })}>
      <Button view="rounded">Привет</Button>
    </ThemeProvider>
  );

  2) Если вы используйте в своем приложении ThemeProvider из styled-components и оборачиваете в него компоненты, но не передаете в нем дефолтную тему, возникнут ошибки в компонентах. Обязательно передайте в компоненты DefaultTheme, как в примере ниже!

  import { ThemeProvider } from 'styled-components';
  import { DefaultTheme } from '@rea-hole/core';

    const globalTheme = {
      primary: {
        bg: '#fff',
        logo: '#fff',
        colorText: '#000',
      },
      secondary: {
        bg: '#fff',
        logo: '#000',
        colorText: '#000',
      },
    };

    render (
      <ThemeProvider theme={{ ...globalTheme, ...DefaultTheme }}>
        // содержит компоненты из '@rea-hole/core'
        <AppComponent/>
      <ThemeProvider theme={{ ...globalTheme, ...DefaultTheme }}>
    );
npm package: @rea-hole/icons
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: Reagentum team
Latest version: 0.0.51

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

* React
* Styled-components
* Typescript



```
import { EmailIcon, GpbClientIcon } from '@rea-hole/icons';
```