Featured image of post react-native-初探

react-native-初探

环境搭建

-Android开发环境 / MacOS Xcode 开发环境 -Node.js -npm -react native -编辑器 Visual Code

包依赖

基本：

  • react
  • react-native
    导航：
  • react-navigation
    Api获取：
  • jsonwebtoken

运行项目

在此就默认 Android开发环境 / MacOS Xcode 开发环境 已搭建完成，继续执行下面的命令

1

react-native init myProject

测试安装

1
2
3

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

写一个“hello world”—-

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

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

export default class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}