使用属性,定制组件

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
   Text,
   View,
   Image,
} from 'react-native';

 class CoustomGreeting extends Component{
   render(){
     return(
       <Text style = {{backgroundColor:'white'}}>{this.props.name} Demo!             </Text>
      )
  }
}
class hello extends Component {
  render() {
    let pic = {uri:'https://facebook.github.io/react/img/logo_og.png'};
    return (
      <View style={styles.container}>
        <CoustomGreeting name='Rexxar' />
        <CoustomGreeting name='Jaina' />
        <CoustomGreeting name='Valeera' />
       </View>
    );
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 组件类型 组件详情说明 父类容器:组件在模型里面使用自关联的方法实现, 一个容器也是组件。 文本输入框: 最基本的...
    Aiden_Xi阅读 984评论 0 0
  • 先简单的介绍下业务,项目是SPA应用,列表数据打开详情时,在详情页中的子组件需要得到父组件中的动态数据(请求返回的...
    大雨_60kg阅读 2,121评论 1 1
  • 人与人之间存在很多情义,唯爱情最难琢磨、最曼妙,却也最恼人。 初尝恋爱。其实,说“爱”很没有底气,更多的是喜欢或好...
    Faaati阅读 359评论 0 1
  • 往事浮华: 而她用一句四个字的加勒比俚语就概括了这许多个月的幸福生活: “浮华而已。” 他从未那么害怕,陌生的一切...
    3c97c482146b阅读 521评论 0 3
  • 上一次看《灌篮高手》是十几年前,今天再看,当片头音乐一响起,回忆像一股温暖风,扑面而来,好想哭啊。首先想到的是我妈...
    公园阅读 251评论 0 0