ReactNative 入门2

744 查看

昨个有些坑踩了没写上来。今来补上几个

坑小1

安卓环境,装完SDK记得去配置一下环境变量,
ANDROID_HOME需要配置到sdk目录。另外PATH里面也记得
把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools这两货加上。不然找不到adb。

坑小2

SDK Manager记得选上Android SDK Build-tool 23.0.1版本(当前是这个,以后随机应变)另外其它的使用android studio默认值就行。

坑小3

我在米三上调试,然后一直只出来白屏。原来是权限限制了。

    打开安全中心->权限管理->AwesomeProject->显示悬浮窗 允许。

然后再运行,现在出现了红色Exception 提示框。

坑小4

如下图,连不上设备8081端口,局域网内本机ip为:192.168.1.106


01.png
    点菜单键,来下图.选Dev Settings -> Debug server host & port for device
    输入本地的IP及端口,如:192.168.1.106:8081

参考下图。完成后选择一下菜单Reload。


02.png

03.png

04.png

填完坑来点标准套路:Hello World !

找到index.android.js。修改内内容如下:

  /*
  *  file: index.android.js
  */
  import React, { Component } from 'react';
  import { AppRegistry, Text } from 'react-native';

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

  AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

修改完成后保存,点击手机app菜单,选择reload。


05.png

好吧,顺便缅怀一下hello world,里奇老爷爷。
这些年不知道写了多少个hello world。真是学到老活到老啊。
END

OR NOT

TO BE CONTINUE