open-index/open-npm huggingface dataset:
npm package: @rescript-bindings/expo
Description: Rescript bindings for Expo
Author: Myroslav Aleksieiev
Latest version: 40.3.2

<h3 align="center" style="font-weight:600">
  rescript-expo
</h3>

<p align="center">
  <a href="https://rescript-lang.org/">Rescript</a> bindings for <a href="https://expo.io">Expo</a>
</p>

---

## Versioning

This library doesn't follow conventional semver. The version scheme is shown below, and you should track this library accordingly.

`<ExpoVersion>.<Major>.<Minor/Patch>`

## Getting started

Go into your project root & then install the requirements:

```bash
yarn add bs-platform --dev
yarn add @rescript/react rescript-react-native rescript-expo
```

Next, create a file named bsconfig.json at the same level at your package.json with the following content:

```json
{
  "name": "my-rescript-expo-app",
  "reason": {
    "react-jsx": 3
  },
  "bsc-flags": ["-bs-super-errors"],
  "bs-dependencies": ["@rescript/react", "rescript-react-native", "@rescript-bindings/expo"],
  "sources": [
    {
      "dir": "src"
    }
  ],
  "suffix": ".bs.js",
  "refmt": 3,
  "package-specs": {
    "module": "es6",
    "in-source": true
  }
}
```

Next, add these scripts to your package.json:

```json
  "re:build": "bsb -make-world",
  "re:watch": "bsb -make-world -w",
  "re:build-clean": "bsb -clean-world -make-world",
```

Finally, make a folder named `src` and start writing your Rescript code in there. `yarn re:build` will compile the Rescript code in that folder for you to import and use in your Expo app's JS/TS code.

## Contributing

Fork this repo, clone it onto your machine, install run `yarn` in the root directory. 
Create a branch with `feature/` or `bugfix/` prefix make changes and open a PR to this repo.
Happy hacking.

_Credit: This project is based on the work started in [`reason-expo`](https://github.com/draftbit/reason-expo)._
npm package: @rescript-react-native/clipboard
Description: ReScript bindings for @react-native-community/clipboard.
Latest version: 1.5.2

# `@rescript-react-native/clipboard`

[![Build Status](https://github.com/rescript-react-native/clipboard/workflows/Build/badge.svg)](https://github.com/rescript-react-native/clipboard/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/clipboard.svg)](https://www.npmjs.com/@rescript-react-native/clipboard)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`@react-native-community/clipboard`](https://github.com/react-native-clipboard/clipboard).

Exposed as `ReactNativeClipboard` module.

`@rescript-react-native/clipboard` X.y.\* means it's compatible with
`@react-native-community/clipboard` X.y.\*

## Installation

When
[`@react-native-community/clipboard`](https://github.com/react-native-clipboard/clipboard)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/clipboard
# or
yarn add @rescript-react-native/clipboard
```

`@rescript-react-native/clipboard` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/clipboard"
  ],
  //...
}
```

## Usage

## Methods

### `getString`

To attempt reading content from the Clipboard; resolves to a `string` if
successful.

```rescript
getString: unit => Js.Promise.t(string)
```

### `setString`

To copy a `string` to the Clipbard.

```rescript
setString: string => unit
```

## Hooks

### `useClipboard`

```rescript
useClipboard: unit => (string, string => unit)
```

#### Example

```rescript
open ReactNative;

ReactNativeClipboard.setString("initial value");

let make = () => {
  let (data, setData) = ReactNativeClipboard.useClipboard();

  <View>
    <Button title=data onPress={_ => setData("new value")} />
  </View>

};
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/edge-to-edge
Description: ReScript bindings for react-native-edge-to-edge
Latest version: 1.4.3

# `@rescript-react-native/edge-to-edge`

[![Build Status](https://github.com/rescript-react-native/edge-to-edge/workflows/Build/badge.svg)](https://github.com/rescript-react-native/edge-to-edge/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/edge-to-edge.svg)](https://www.npmjs.com/@rescript-react-native/edge-to-edge)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`react-native-edge-to-edge`](https://github.com/zoontek/react-native-edge-to-edge).

Exposed as `ReactNativeEdgeToEdge` module.

`@rescript-react-native/edge-to-edge` X.y.\* means it's compatible with
`react-native-edge-to-edge` X.y.\*

## Installation

When
[`react-native-edge-to-edge`](https://github.com/zoontek/react-native-edge-to-edge)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/edge-to-edge
# or
yarn add @rescript-react-native/edge-to-edge
```

`@rescript-react-native/edge-to-edge` should be added to `bs-dependencies` in your
`rescript.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/edge-to-edge"
  ],
  //...
}
```

## Usage

### Component

#### `ReactNativeEdgeToEdge.SystemBars`

```rescript
open ReactNativeEdgeToEdge

<SystemBars
  style={{
    statusBar: #light,
    navigationBar: #light,
  }}
  hidden={{
    statusBar: false,
    navigationBar: false,
  }}
/>
```

...

### Methods

#### `ReactNativeEdgeToEdge.SystemBars.pushStackEntry`

```rescript
open ReactNativeEdgeToEdge

SystemBars.pushStackEntry(props)
```

#### `ReactNativeEdgeToEdge.SystemBars.popStackEntry`

```rescript
open ReactNativeEdgeToEdge

SystemBars.popStackEntry(props)
```

#### `ReactNativeEdgeToEdge.SystemBars.popStackEntry`

```rescript
open ReactNativeEdgeToEdge

SystemBars.popStackEntry(entry)
```

#### `ReactNativeEdgeToEdge.SystemBars.replaceStackEntry`

```rescript
open ReactNativeEdgeToEdge

SystemBars.replaceStackEntry(entry, props)
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/fetch-blob
Description: ReScript bindings for rn-fetch-blob.
Latest version: 0.12.2

# `@rescript-react-native/fetch-blob`

[![Build Status](https://github.com/rescript-react-native/fetch-blob/workflows/Build/badge.svg)](https://github.com/rescript-react-native/fetch-blob/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/fetch-blob.svg)](https://www.npmjs.com/@rescript-react-native/fetch-blob)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`rn-fetch-blob`](https://github.com/joltup/rn-fetch-blob).

Exposed as `ReactNativeFetchBlob` module.

**⚠️ Incomplete bindings!**

`@rescript-react-native/fetch-blob` X.y.\* means it's compatible with
`rn-fetch-blob` X.y.\*

## Installation

When [`rn-fetch-blob`](https://github.com/joltup/rn-fetch-blob) is properly
installed & configured by following their installation instructions, you can
install the bindings:

```console
npm install @rescript-react-native/fetch-blob
# or
yarn add @rescript-react-native/fetch-blob
```

`@rescript-react-native/fetch-blob` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/fetch-blob"
  ],
  //...
}
```

## Usage

@todo

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

## Contribute

Read the [contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md) before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md) so that you can understand what
actions will and will not be tolerated.
npm package: @rescript-react-native/flash-list
Description: ReScript bindings for @shopify/flash-list
Latest version: 2.0.0

# `@rescript-react-native/flash-list`

[![Build Status](https://github.com/rescript-react-native/flash-list/workflows/Build/badge.svg)](https://github.com/rescript-react-native/flash-list/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/flash-list.svg)](https://www.npmjs.com/@rescript-react-native/flash-list)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`flash-list`](https://github.com/Shopify/flash-list).

Exposed as `FlashList` module.

`@rescript-react-native/flash-list` X.y.\* means it's compatible with
`@shopify/flash-list` X.y.\*

## Installation

When
[`@shopify/flash-list`](https://github.com/Shopify/flash-list)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/flash-list
# or
yarn add @rescript-react-native/flash-list
```

`@rescript-react-native/flash-list` should be added to `bs-dependencies` in your
`rescript.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/flash-list"
  ],
  //...
}
```

## Usage

### Methods

#### `<FlashList>`

```rescript
open ReactNative;

@react.component
let make = () => {
  <FlashList
    data={[{"id": "1", "name": "Foo"}]}
    keyExtractor={(item, _) => item["id"]}
    renderItem={({item}) =>
      <View>
        <Text> {item["name"]->React.string} </Text>
      </View>}
  />
}
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/geolocation
Description: ReScript bindings for @react-native-community/geolocation.
Latest version: 2.0.3

# `@rescript-react-native/geolocation`

[![Build Status](https://github.com/rescript-react-native/geolocation/workflows/Build/badge.svg)](https://github.com/rescript-react-native/geolocation/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/geolocation.svg)](https://www.npmjs.com/@rescript-react-native/geolocation)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`@react-native-community/geolocation`](https://github.com/react-native-geolocation/react-native-geolocation).

Exposed as `ReactNativeGeolocation` module.

`@rescript-react-native/geolocation` X.y.\* means it's compatible with
`@react-native-community/geolocation` X.y.\*

## Installation

When
[`@react-native-community/geolocation`](https://github.com/react-native-geolocation/react-native-geolocation)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/geolocation
# or
yarn add @rescript-react-native/geolocation
```

`@rescript-react-native/geolocation` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/geolocation"
  ],
  //...
}
```

## Note

On Android, this package uses the
[android.location API](https://developer.android.com/reference/android/location/package-summary),
which is slower and less accurate than the
[Google Location Services API](https://developer.android.com/training/location/).
While this may be addressed in the future, below alternatives already use the
latter API:

- [react-native-geolocation-service](https://github.com/Agontuk/react-native-geolocation-service)
- [react-native-location](https://github.com/timfpark/react-native-location)

## Use

Documentation is not available at this time.

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/image-picker
Description: ReScript bindings for react-native-image-picker.
Latest version: 3.6.0

# `@rescript-react-native/image-picker`

[![Build Status](https://github.com/rescript-react-native/image-picker/workflows/Build/badge.svg)](https://github.com/rescript-react-native/image-picker/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/image-picker.svg)](https://www.npmjs.com/@rescript-react-native/image-picker)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`react-native-image-picker`](https://github.com/react-native-image-picker/react-native-image-picker).

Exposed as `ReactNativeImagePicker` module.

`@rescript-react-native/image-picker` X.y.\* means it's compatible with
`react-native-image-picker` X.y.\*

## Installation

When
[`react-native-image-picker`](https://github.com/react-native-image-picker/react-native-image-picker)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/image-picker
# or
yarn add @rescript-react-native/image-picker
```

`@rescript-react-native/image-picker` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/image-picker"
  ],
  //...
}
```

## Usage

```rescript
open ReactNativeImagePicker

launchCamera(
  options(
    ~cameraType=#back,
    ~mediaType=#photo,
  ()),
  res => {
    Js.log(res.uri)
  }
)
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/keychain
Description: ReScript bindings for react-native-keychain.
Author: Christoph Knittel
Latest version: 6.2.1

# `@rescript-react-native/keychain`

[![Build Status](https://github.com/rescript-react-native/keychain/workflows/Build/badge.svg)](https://github.com/rescript-react-native/keychain/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/keychain.svg)](https://www.npmjs.com/@rescript-react-native/keychain)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`react-native-keychain`](https://github.com/oblador/react-native-keychain).

Exposed as `ReactNativeKeychain` module.

`@rescript-react-native/keychain` X.y.\* means it's compatible with
`react-native-keychain` X.y.\*

## Installation

When [`react-native-keychain`](https://github.com/oblador/react-native-keychain)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/keychain
# or
yarn add @rescript-react-native/keychain
```

`@rescript-react-native/keychain` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/keychain"
  ],
  //...
}
```

## Usage

@todo

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/linear-gradient
Description: ReScript bindings for react-native-linear-gradient.
Latest version: 2.5.8

# `@rescript-react-native/linear-gradient`

[![Build Status](https://github.com/rescript-react-native/linear-gradient/workflows/Build/badge.svg)](https://github.com/rescript-react-native/linear-gradient/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/linear-gradient.svg)](https://www.npmjs.com/@rescript-react-native/linear-gradient)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`react-native-linear-gradient`](https://github.com/react-native-linear-gradient/react-native-linear-gradient).

Exposed as `ReactNativeLinearGradient` module.

`@rescript-react-native/linear-gradient` X.y.\* means it's compatible with
`react-native-linear-gradient` X.y.\*

## Installation

When
[`react-native-linear-gradient`](https://github.com/react-native-linear-gradient/react-native-linear-gradient)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/linear-gradient
# or
yarn add @rescript-react-native/linear-gradient
```

`@rescript-react-native/linear-gradient` should be added to `bs-dependencies` in
your `bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/linear-gradient"
  ],
  //...
}
```

## Usage

```rescript
open ReactNative

module MyApp = {
  let styles = Style.(
    StyleSheet.create({
      "container": viewStyle(~flex=1., ())
    })
  );

  [@react.component]
  let make = () => {
    <ReactNativeLinearGradient colors=[|"#faa", "#afa"|] style=styles##container>
      <Text>
        "Hello world"->React.string
      </Text>
    </ReactNativeLinearGradient>
  }
};
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/permissions
Description: ReScript bindings for react-native-permissions.
Latest version: 2.2.2

# `@rescript-react-native/permissions`

[![Build Status](https://github.com/rescript-react-native/permissions/workflows/Build/badge.svg)](https://github.com/rescript-react-native/permissions/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/permissions.svg)](https://www.npmjs.com/@rescript-react-native/permissions)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`react-native-permissions`](https://github.com/react-native-community/react-native-permissions).

Exposed as `ReactNativePermissions` module.

`@rescript-react-native/permissions` X.y.\* means it's compatible with
`react-native-permissions` X.y.\*

## Installation

When
[`react-native-permissions`](https://github.com/react-native-community/react-native-permissions)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/permissions
# or
yarn add @rescript-react-native/permissions
```

`@rescript-react-native/permissions` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/permissions"
  ],
  //...
}
```

## Usage

```rescript
open ReactNative;

let requestCamera = () => {
  ReactNativePermissions.(
    request(
      switch (Platform.os) {
      | os when os === "ios" => Ios.camera
      | _ => Android.camera
      },
    )
    |> Js.Promise.then_(permissionStatus =>
        switch (permissionStatus) {
        | status when status === granted => Js.Promise.resolve()
        | _ => Js.Promise.reject(Js.Exn.raiseError("permission error"))
        }
      )
    )
  );
};
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/slider
Description: ReScript bindings for @react-native-community/slider.
Latest version: 3.0.2

# `@rescript-react-native/slider`

[![Build Status](https://github.com/rescript-react-native/slider/workflows/Build/badge.svg)](https://github.com/rescript-react-native/slider/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/slider.svg)](https://www.npmjs.com/@rescript-react-native/slider)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`@react-native-community/slider`](https://github.com/callstack/react-native-slider).

Exposed as `ReactNativeSlider` module.

`@rescript-react-native/slider` X.y.\* means it's compatible with
`@react-native-community/slider` X.y.\*

## Installation

When
[`@react-native-community/slider`](https://github.com/callstack/react-native-slider)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/slider
# or
yarn add @rescript-react-native/slider
```

`@rescript-react-native/slider` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/slider"
  ],
  //...
}
```

## Usage

```rescript
ReactNativeSlider.make(
  ~style: ReactNative.Style.t=?,
  ~value: float=?,
  ~step: float=?,
  ~minimumValue: float=?,
  ~maximumValue: float=?,
  ~minimumTrackTintColor: string=?,
  ~maximumTrackTintColor: string=?,
  ~disabled: bool=?,
  ~onSlidingStart: float => unit=?,
  ~onSlidingComplete: float => unit=?,
  ~onValueChange: float => unit=?,
  ~testID: string=?,
  ~children: React.element=?,
  // iOS Props
  ~maximumTrackImage: ReactNative.Image.Source.t=?,
  ~minimumTrackImage: ReactNative.Image.Source.t=?,
  ~thumbImage: ReactNative.Image.Source.t=?,
  ~trackImage: ReactNative.Image.Source.t=?,
  ~inverted: bool=?,
  // Android
  ~thumbTintColor: string=?

  // ... And all <View> props
)
```

### Example

```rescript
<ReactNativeSlider
  style={
    ReactNative.Style.(
      style(
        ~width=200.->dp,
        ~height=40.->dp,
        ()
      )
    )
  }
  minimumValue={0.}
  maximumValue={1.}
  minimumTrackTintColor="#FFFFFF"
  maximumTrackTintColor="#000000"
/>
```

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/svg
Description: ReScript bindings for react-native-svg.
Latest version: 14.0.0

# `@rescript-react-native/svg`

[![Build Status](https://github.com/rescript-react-native/svg/workflows/Build/badge.svg)](https://github.com/rescript-react-native/svg/actions)
[![Version](https://img.shields.io/npm/v/@rescript-react-native/svg.svg)](https://www.npmjs.com/@rescript-react-native/svg)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

[ReScript](https://rescript-lang.org) bindings for
[`react-native-svg`](https://github.com/react-native-community/react-native-svg).

Exposed as `ReactNativeSvg` module.

`@rescript-react-native/svg` X.y.\* means it's compatible with `react-native-svg`
X.y.\*

## Installation

When
[`react-native-svg`](https://github.com/react-native-community/react-native-svg)
is properly installed & configured by following their installation instructions,
you can install the bindings:

```console
npm install @rescript-react-native/svg
# or
yarn add @rescript-react-native/svg
```

`@rescript-react-native/svg` should be added to `bs-dependencies` in your
`bsconfig.json`:

```diff
{
  //...
  "bs-dependencies": [
    "@rescript/react",
    "rescript-react-native",
    // ...
+    "@rescript-react-native/svg"
  ],
  //...
}
```

## Usage

Supported :

- SvgXml
- SvgCss
- Svg
- Rect
- Circle
- Ellipse
- Line
- Polygon
- Polyline
- Path
- Text
- TextPath
- Tspan
- Use
- G
- Symbol
- Defs
- Image
- ClipPath
- LinearGradient
- Stop
- RadialGradient
- Mask
- Pattern
- Marker
- ForeignObject

See [definition](./src/ReactNativeSvg.res) for more details.

---

## Changelog

Check the [changelog](./CHANGELOG.md) for more informations about recent
releases.

---

## Contribute

Read the
[contribution guidelines](https://github.com/rescript-react-native/.github/blob/master/CONTRIBUTING.md)
before contributing.

## Code of Conduct

We want this community to be friendly and respectful to each other. Please read
[our full code of conduct](https://github.com/rescript-react-native/.github/blob/master/CODE_OF_CONDUCT.md)
so that you can understand what actions will and will not be tolerated.
npm package: @rescript-react-native/template
Description: React Native template for application developed with ReScript.
Latest version: 0.64.1

# `@rescript-react-native/template`

[![Version](https://img.shields.io/npm/v/@rescript-react-native/template.svg)](https://www.npmjs.com/@rescript-react-native/template)
[![ReScript Forum](https://img.shields.io/discourse/posts?color=e6484f&label=ReScript%20Forum&server=https%3A%2F%2Fforum.rescript-lang.org)](https://forum.rescript-lang.org/)

> React Native template for application developed with ReScript.

Please carefully read instructions below in order to enjoy Rescript development
experience.

## Setup

## Start a ReScript React Native project with this template

```console
npx @react-native-community/cli init MyApp --template @rescript-react-native/template
cd MyApp
```

Now that you are ready to go, you can check our documentation on
[how to use ReScript React Native](https://rescript-react-native.github.io/docs/).