React-Native引用自定义组件
2016-10-24 16:09
579 查看
自定义组件LoginView:
在index.ios.js文件中代码如图:
![](https://img-blog.csdn.net/20161024160807257?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
如上操作即可
import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; export default class LoginView extends Component { render() { return ( <View style={styles.container}> <Text>aaa</Text> </View> ); } } const styles = StyleSheet.create({ container:{ flex:1, backgroundColor:'red', alignItems:'center', justifyContent:'center', }, }); // 输出,这里千万别忘记 module.exports = LoginView;
在index.ios.js文件中代码如图:
如上操作即可
相关文章推荐
- React-Native引用自定义组件类
- React Native 自定义组件报错 has no propType for native prop
- React-Native 中自定义checkbox组件
- react native 引用第三方组件方法
- 自定义crosswalk为react-native组件是出现Fatal signal 11 (SIGSEGV) at 0x0000003c (code=1)的问题
- ReactNative 如何获取组件的引用
- react native中利用Picker自定义日期组件(只包含年和月)
- (React-Native 学习之七) Rn混合开发之--Activity直接引用React native组件
- React Native自定义标题栏组件的实现方法
- react-native-0.16.1 自定义Android组件部分的源码初探
- Android React Native自定义组件的流程
- React-Native系列Android——自定义View组件开发
- 可能是最in的React Native使用原生自定义下拉刷新组件
- react-native自定义对话框弹出框组件dialogs
- react-native自定义原生组件
- ReactNative自定义Avatar&Badge组件
- React-Native系列——自定义View组件开发
- react-native自定义单选框组件
- React-Native 中自定义checkbox组件