# react-native-awesome-component

This is repo for combined custom component.

**How to Install**

```
// Manual from git
npm install https://github.com/RZulfikri/react-native-awesome-component.git
or
yarn add https://github.com/RZulfikri/react-native-awesome-component.git

// Using npm
npm install react-native-awesome-component
or
yarn add react-native-awesome-component
```

After you install this package you need to make sure you install / link this package:

```
1. "react-native-vector-icons": "^6.6.0",
2. "@react-native-community/netinfo": "^4.4.0",
3. "react-native-date-picker": "^2.7.0",
```

## Extra steps

### react-native >= 0.60.0

```
1. yarn add react-native-vector-icons @react-native-community/netinfo react-native-date-picker
2. cd ios
3. pod install
```

### react-native < 0.60.0

```
1. yarn add react-native-vector-icons @react-native-community/netinfo react-native-date-picker
2. react-native link react-native-vector-icons
3. react-native link @react-native-community/netinfo
4. react-native link react-native-date-picker
```

for more information about that extra steps check this link :

1. [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)
2. [@react-native-community/netinfo](https://github.com/react-native-community/react-native-netinfo)

## Example

For example of this component, check this repo [here](https://github.com/RZulfikri/VsIgnite/tree/example/awesome-component)

## PlaceholderImage

Read more [here](./doc/placeholder-image.md)

## PlaceholderText

Read more [here](./doc/placeholder-text.md)

## CustomButton

Read more [here](./doc/custom-button.md)

## CustomHeader

Read more [here](./doc/custom-header.md)

## ConnectionHandler

Read more [here](./doc/connection-handler.md)

## CustomAlert

Read more [here](./doc/custom-alert.md)

## CustomStepbar

Read more [here](./doc/custom-step-bar.md)

## EmptyContainer

Read more [here](./doc/empty-container.md)

## ErrorContainer

Read more [here](./doc/error-container.md)

## NoConnectionContainer

Read more [here](./doc/no-connection-container.md)

## CustomFlatlist

Read more [here](./doc/custom-flatlist.md)

## CustomInput

Read more [here](./doc/custom-input.md)

## Styled

Read more [here](./doc/styled.md)

## GlobalConst

Read more [here](./doc/global-const.md)

## Method

Read more [here](./doc/method.md)

## CustomSelect

Read more [here](./doc/custom-select.md)

## CustomDatepicker

Read more [here](./doc/custom-datepicker.md)
