React-Native开发环境搭建以及遇到的相关问题2

原创于 2017-11-13 16:13:09 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

React Native 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用 React Native 创建的简单应用示例，演示了如何通过定义和使用自定义组件来展示问候消息。该示例展示了如何引入 React 和 React Native 的相关组件，以及如何创建并渲染多个组件。

设置代码智能提示：
https://www.cnblogs.com/haoxl/p/5949541.html

相关代码格式：

//引入相关组件
import React, { Component } from 'react';
import { AppRegistry, Image } from 'react-native';

//初始化组件
class Greeting extends Component {
  render() {
    return (
      <Text>Hello {this.props.name}!</Text>
    );
  }
}

class LotsOfGreetings extends Component {
  render() {
    return (
      <View style={{alignItems: 'center'}}>
        <Greeting name='Rexxar' />
        <Greeting name='Jaina' />
        <Greeting name='Valeera' />
      </View>
    );
  }
}

//注册组件
AppRegistry.registerComponent('LotsOfGreetings', () => LotsOfGreetings);