React-Native schema跳转

demo 地址:https://git.oschina.net/tomcode/react-native-schema.git
一,index.android.js内容
var React = require(‘react-native’);
var {
View,
AppRegistry,
} = React;

var OpenURLButton = require(‘./openurl’);

var schema = React.createClass({

render: function() {
return (

https://www.baidu.com‘} />




);
},
});
AppRegistry.registerComponent(‘schema’,() => schema);

二OpenURLButton button空间内容
‘use strict’;

var React = require(‘react-native’);
var {
IntentAndroid,
StyleSheet,
Text,
TouchableNativeFeedback,
View,
ToastAndroid,
} = React;

var OpenURLButton = React.createClass({

propTypes: {
url: React.PropTypes.string,
},

handleClick: function() { IntentAndroid.canopenURL(this.props.url,(supported) => { //判断当前uri是否可以打开 if (supported) { IntentAndroid.openURL(this.props.url); } else { ToastAndroid.show(“不能识别当前uri”,ToastAndroid.SHORT); } }); },//返回当前button组件显示的视图,这里是一个TouchableNativeFeedback render: function() { return (

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...