ReactNative 入门2

作者: Avanpourm | 来源:发表于2016-08-03 23:39 被阅读271次

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

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

相关文章

  • ReactNative 入门2

    昨个有些坑踩了没写上来。今来补上几个 坑小1 安卓环境,装完SDK记得去配置一下环境变量,ANDROID_HOME...

  • 走进ReactNative的世界(1)

    更多文章:走进ReactNative的世界(2) Node.js和WebStorm安装入门 1. 安装Node.j...

  • 慕课视频

    免费 《Web安全-XSS》《ReactNative基础与入门》《React入门》《在React中使用Redux数...

  • Android & iOS 双端

    React Native 入门Doc https://reactnative.cn/docs/next/getti...

  • ReactNative混合开发

    RN安装环境准备 2_React入门 3_ReactNative 运行原理分析 7_美团电商实战-- UI完善 持...

  • 学习笔记:RN概述

    一、写在前面:从零入门ReactNative的建议 1、需要有html、js、css等前端编程语言 2、然后,先去...

  • ReactNative

    本文主要介绍:1、ReactNative是什么?2、怎么安装ReactNative?3、ReactNative与原...

  • ReactNative入门

    官网 和 中文网 你将学到如下知识点:1、如何安装React 和一些包。2、如果创建一个工程。3、react ...

  • ReactNative入门

    1. 创建项目 react-native init HelloWord --version 0.43.4 2. 修...

  • ReactNative入门

    在index.ios.js文件中注册并导入组件WeatherProject 在WeatherProject组件中设...

网友评论

    本文标题:ReactNative 入门2

    本文链接:https://www.haomeiwen.com/subject/rahcsttx.html