open-index/open-npm huggingface dataset:
npm package: @fausto95/react-native-jwplayer
Description: JWPlayer Component For React Native
Author: Fausto K.
Latest version: 0.2.3


# JWPlayer Component For React Native

## Installing

`$ yarn add @fausto95/react-native-jwplayer`

### Pod
Add this to your Podfile

```ruby
pod 'RNJWPlayer', :path => '../node_modules/@fausto95/react-native-jwplayer/RNJWPlayer.podspec'
```

### Linking

> If you're using react-native ^0.60, the linking is handled by default

`$ react-native link @fausto95/react-native-jwplayer`


## Usage
```javascript
import React from 'react';
import {View} from 'react-native';
import JWPlayer from '@fausto95/react-native-jwplayer';

const App = () => {
  return (
    <View style={styles.container}>
      <JWPlayer
        fileUri="https://content.jwplatform.com/manifests/yp34SRmf.m3u8"
        playerKey="EXAMPLEOFKEY/YOUR_PLAYER_KEY_GOES_HERE"
        style={styles.player}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  player: {
    width: 360,
    height: 180,
  },
});
export default App;
```

### Props
  - `fileUri`: Link for the video file.
  - `playerKey`: Your JWPlayer key.


### TODO

- [x] iOS

- [ ] Android

- [ ] Tracks(Subtitles)

- [ ] Thumbnail

- [ ] Playback Controls Functions

- [ ] Playlist

- [ ] Skinning


### Contributions

Any contribution is welcome, send PR 😎.
npm package: @fausto95/react-native-marketingcloud-sdk
Description: React Native Marketing Cloud SDK
Author: Faustino Kialungila
Latest version: 0.1.2-alpha.0

# @fausto95/react-native-marketingcloud-sdk

Salesforce Marketing Cloud SDK for React Native

It uses Turbo Modules for new arch and Native Modules for old arch.

## Installation

```sh
npm install @fausto95/react-native-marketingcloud-sdk
```

```sh
yarn add @fausto95/react-native-marketingcloud-sdk
```

## Usage

```js
import * as RNMCSDK from '@fausto95/react-native-marketingcloud-sdk';

// ...

RNMCSDK.setContactKey('ANROKSORZ');
```

## Methods

```ts
  isPushEnabled(): Promise<boolean>;
  enablePush(): void;
  disablePush(): void;
  getSystemToken(): Promise<string | null>;
  getAttributes(): Record<string, string>;
  setAttribute<T>(key: string, value: T): void;
  clearAttribute(key: string): void;
  addTag(tag: string): void;
  removeTag(tag: string): void;
  getTags(): Promise<Array<string>>;
  setContactKey(contactKey: string): void;
  getContactKey(): Promise<string | null>;
  enableVerboseLogging(): void;
  disableVerboseLogging(): void;
  logSdkState(): void;
  track(name: string, attributes: Record<string, string>): void;
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @fausto95/react-native-tab-view
Description: Tab view component for React Native
Author: Faustino Kialungila
Latest version: 0.1.2

# React Native Tab View

> I built this when I hit a blocker with [react-native-tab-view](https://github.com/satya164/react-native-tab-view/) where nested tab views have some UI and performance issues. Note that my version of tab view does everything JS land.

## Installation

```sh
npm install @fausto95/react-native-tab-view
```

## Demo

<img src="./demo/tabview.png" height="500px">

## Supports

- Scrollable tabs
- Nested tab views

## Usage

```js
import * as React from 'react';

import { View, Text } from 'react-native';
import { TabView } from '@fausto95/react-native-tab-view';

const routes = [
  { key: 'first', title: 'First' },
  { key: 'second', title: 'Second' },
  { key: 'third', title: 'Third' },
  { key: 'fourth', title: 'Fourth' },
];

export default function App() {
  return (
    <TabView
      tabBarStyle={styles.tabBarStyle}
      tabBarContentContainerStyle={styles.tabBarContentContainerStyle}
      style={{ flex: 1 }}
      routes={routes}
      onPress={(index) => console.log(index)}
      renderTabBar={({ route, isActive }) => (
        <View
          style={[styles.tab, isActive ? { backgroundColor: 'purple' } : {}]}
        >
          <Text style={[{ color: isActive ? 'white' : 'black' }]}>
            {route.title}
          </Text>
        </View>
      )}
      renderScene={(route) => (
        <View style={styles.scene}>
          <Text style={styles.text}>{route.title}</Text>
        </View>
      )}
    />
  );
}
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)