菜鸡装B失败锦集-ReactNative 组件封装

首先这个问题困扰了菜鸡很长时间，在 清清 和 觉醒 俩位的领导下，把这个问题给解决了，其实没那么复杂。

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>

然后就可以了，终于成功了，好羞涩呀。