react native 弱爆例子

1 react-native init myProject

2.修改App.js

 

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

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

代码定义了一个名为HelloWorldApp的新的组件（Component）。你在编写 React Native 应用时，肯定会写出很多新的组件。而一个 App 的最终界面，其实也就是各式各样的组件的组合。组件本身结构可以非常简单——唯一必须的就是在render方法中返回一些用于渲染结构的 JSX 语句

 

3.react-native run-android

 

 

来源：CSDN

作者：keny-风清扬

链接：https://blog.csdn.net/keny88888/article/details/103760809