kylefang/react-native-web
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-01-12 09:24:17 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
c7c1f29016c945af7dcd0ba8dbf0d6b6f70846d1
react-native-web/docs/guides/client-side-rendering.md
Nicolas Gallagher c7c1f29016 Reorganize documentation 
Close #1092
Close #1095
2018-09-09 11:33:09 -07:00

976 B
Raw Blame History

Client-side rendering

Render apps using AppRegistry:

// index.web.js

import App from './src/App';
import React from 'react';
import { AppRegistry } from 'react-native';

// register the app
AppRegistry.registerComponent('App', () => App);

AppRegistry.runApplication('App', {
  initialProps: {},
  rootTag: document.getElementById('react-app')
});

Or render individual components:

import AppHeader from './src/AppHeader';
import React from 'react';
import { render } from 'react-native';

render(<AppHeader />, document.getElementById('react-app-header'))

(Components will also be rendered within a tree produced by calling ReactDOM.render (i.e., an existing web app), but otherwise it is not recommended.)

You might need to adjust the styles of the HTML document's root elements for your app to fill the viewport.

<html style="height:100%">
<body style="height:100%">
<div id="react-root" style="display:flex;height:100%"></div>