首先这个问题困扰了菜鸡很长时间,在 清清 和 觉醒 俩位的领导下,把这个问题给解决了,其实没那么复杂。
1:需要导出的组件要加上export default,定义为可导出的。
export default class 组件名 extends React.Component
如下:
export default class Detail extends React.Component
2:需要导出的组件,写上导出叫啥。
module.export = 导出名称
如下:
module.export = Detail;
导出组件的JS 如下:
'use strict';
import React, {PropTypes} from 'react';
import {
Text,
StyleSheet,
} from 'react-native';
const propTypes = {
onPress: PropTypes.func,
containerStyle: PropTypes.object,
text: PropTypes.string
};
export default class Detail extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<Text>测试引用</Text>
);
}
}
module.export = Detail;
导出完了,咱们就得引用了。。。
3:引用你得告诉RN组件从哪里来,我的朋友。
import 要导入组件名称 from './导入组件的路径' (这里的./ 叫同级目录,最后面的组件名不要加后缀,RN能识别又不傻)
如:
import Detail from './Buttom/Detail';
4:最后就引用这个组件名标签进去就好了。
如:
<View>
<Detail />
</View>
然后就可以了,终于成功了,好羞涩呀。