<commit_before>React Native responsive components.

## Introduction
Responsive Image, Video and Modal components that fits in dynamic containers.

![Example](https://github.com/tibbus/react-native-fit/blob/master/example/demo.gif)

## Install
`npm install react-native-fit --save`   
`yarn add react-native-fit`

Run to link the libraries :   
react-native link react-native-fetch-blob   
react-native link   

## Usage

Supports all `Image` props + props from the `CachedImage` + FitImage ones  
https://github.com/kfiroo/react-native-cached-image
```javascript
import FitImage from 'react-native-fit/fitImage';

render() {
  return <FitImage source={{uri: 'yourImagepath...'}}  // remote url or local path
    cache={false}                                      // default false - disable-enable cache
    round={false}                                      // default false - make an image round/square
    style={ {} }                                       // supports any style, can add `width` and will generate the height to ratio
  />
}
```
  
Supports all `Video` props + FitVideo ones  
https://github.com/react-native-community/react-native-video
```javascript
import FitVideo from 'react-native-fit/fitVideo';

render() {
  return <FitVideo source={{uri: 'yourVideopath...'}}  // remote url or local path
    playable={true}                                    // default true - make video playable (useful when you want to open in a modal)
    playIcon={true}                                    // default true - show/hide play icon on video
    style={ {} }                                       // supports any style, can add `width` and will generate the height to ratio
  />
}
```
  
Supports all `Modal` props + FitModal ones  
https://facebook.github.io/react-native/docs/modal.html
```javascript
import FitModal from 'react-native-fit/fitModal';<commit_msg>update docs<commit_after>React Native responsive components.

## Introduction
Responsive Image, Video and Modal components that fits in dynamic containers.

![Example](https://github.com/tibbus/react-native-fit/blob/master/example/demo.gif)

## Install
`npm install react-native-fit --save`   
`yarn add react-native-fit`

Run to link the VIDEO library :   
react-native link   

## Usage

Supports all `Image` props +  FitImage ones  
```javascript
import FitImage from 'react-native-fit/fitImage';

render() {
  return <FitImage source={{uri: 'yourImagepath...'}}  // remote url or local path
    round={false}                                      // default false - make an image round/square
    style={ {} }                                       // supports any style, can add `width` and will generate the height to ratio
  />
}
```
  
Supports all `Video` props + FitVideo ones  
https://github.com/react-native-community/react-native-video
```javascript
import FitVideo from 'react-native-fit/fitVideo';

render() {
  return <FitVideo source={{uri: 'yourVideopath...'}}  // remote url or local path
    playable={true}                                    // default true - make video playable (useful when you want to open in a modal)
    playIcon={true}                                    // default true - show/hide play icon on video
    style={ {} }                                       // supports any style, can add `width` and will generate the height to ratio
  />
}
```
  
Supports all `Modal` props + FitModal ones  
https://facebook.github.io/react-native/docs/modal.html
```javascript
import FitModal from 'react-native-fit/fitModal';
{'fraction_non_alphanumeric': 0.11196145124716553, 'fraction_numerical': 0.0, 'mean_word_length': 2.322975517890772, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 7, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 18, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5762808', 'n_tokens_mistral': 977, 'n_tokens_neox': 935, 'n_words': 306}