当前位置:首页 > 操作系统 > Windows

WebStrom之React Native之HelloWord 【Windows】

一、File ---->New Project

选择React Native ,编辑Location

技术分享图片

二、配置android环境

拷贝可运行项目的local.properties文件至HelloWord的android目录。

三、修改App.js

import React, { Component } <span>from</span><span>‘</span><span>react</span><span>‘</span><span>;
import { Text, View } </span><span>from</span><span>‘</span><span>react-native</span><span>‘</span><span>;

export </span><span>default</span><span>class</span><span> HelloWorldApp extends Component {
    render() {
        </span><span>return</span><span> (
            </span><View style={{ flex: <span>1</span>, justifyContent: <span>"</span><span>center</span><span>"</span>, alignItems: <span>"</span><span>center</span><span>"</span> }}>
                <Text>Hello, world!</Text>
            </View><span>
        );
    }
}</span>

四、运行

技术分享图片

 

原文:https://www.cnblogs.com/51ma/p/11320952.html


【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!

相关教程推荐

其他课程推荐