Easy to show html, image, video fullscreen pages.
npm install react-native-eupagenpm install react-native-eupage --save``
/*
* A base page model is format with a "url" and "type".
* Current supported types are "html", "image" and "video".
*/
var EUPageExample = React.createClass({
getInitialState: function()
{
return {
data:[{"url":"http://www.bing.com", "type":"html"},
{"url":"http://www.yahoo.com", "type":"html"},
{"url":"http://s.cn.bing.net/az/hprichbg/rb/WaterliliesYuanmingyuan_ZH-CN10533925188_1920x1080.jpg", "type":"image"},
{"url":"http://7b1gcw.com1.z0.glb.clouddn.com/20150529120500960.mp4", "type":"video"}]
}
},
render: function()
{
return (
);
}
});
``
1. git clone https://github.com/mmslate/react-native-eupage
2. cd react-native-eupage/Examples/EUPageExample
3. pod install
4. npm install
5. npm start
6. Open EUPageExample.xcworkspace, build and run the project in the simulator.