> For the complete documentation index, see [llms.txt](https://blueeast.gitbook.io/bluerain-platform-react-native-web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueeast.gitbook.io/bluerain-platform-react-native-web/master.md).

# bluerain-platform-react-native-web

It is used to provide react-native components and APis to your web App using [react-native-web](https://github.com/necolas/react-native-web). <https://blueeast.gitbook.io/bluerain-platform-react-native-web>

| 🌏 Web | 🖥 Electron | 📱 React Native |
| ------ | ----------- | --------------- |
| ✔️     | ✔️          | ✖️              |

## Installation

Run the following command in the plugin directoy:

```
yarn add  @blueeast/bluerain-platform-react-native-web
```

## Utils

It is used to render MainView of App

```
import BR from '@blueeast/bluerain-os';
BR.Utils.setMainView=(App) => {
    RNB.AppRegistry.registerComponent('MyApp', () => App)
    RNB.AppRegistry.runApplication('MyApp', { rootTag: document.getElementsByClassName('app-container') });
}
```

## Components

This plugin registers following components in the Component registry, so they can be reused later by other apps and plugins: [react-native-web](http://necolas.github.io/react-native-web/examples/)

* ActivityIndicator
* Button&#x20;
* Checkbox&#x20;
* Image&#x20;
* KeyboardAvoidingView&#x20;
* Flatlist&#x20;
* ListView
* Picker&#x20;
* Modal
* ProgressBar &#x20;
* RefreshControl&#x20;
* SafeAreaView&#x20;
* ScrollView
* SectionList&#x20;
* Slider
* StaticContainer&#x20;
* StaticRenderer
* StatusBar&#x20;
* Switch&#x20;
* Text&#x20;
* TextInput
* Touchable&#x20;
* UnimplementedView&#x20;
* View&#x20;
* VirutalizedList&#x20;

## APIs

[react-native-web](http://necolas.github.io/react-native-web/examples/)

* Clipboard&#x20;
* Platform&#x20;
* AppState&#x20;
* Dimensions&#x20;
* Linking&#x20;
* NetInfo&#x20;
* Stylesheet

### ReactNativeWebPlugin

### **Extends** [**Plugin**](https://blueeast.gitbook.io/bluerain-os/api/api-reference#plugin)

ReactNativeWeb Plugin

### **Properties**

* `pluginName` [**string**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) "ReactNativeWeb"
* `slug` [**string**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) "react-native-web"