ReactNative 入门2

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

坑小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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容