精华内容
参与话题
问答
  • react native 初始化

    2018-12-15 19:38:53
    准备入手 react native ,所以就 好好学习一下了  首先改一下 npm 的 下载地址 为 淘宝镜像 (mac) 1, open .npmrc ... 安装  sudo npm i -g react-native-cli  ...初始化 从 git 上拉取代码 react-nati...

     准备入手  react native ,所以就 好好学习一下了 

    首先改一下 npm 的 下载地址 为 淘宝镜像  (mac)

    1, open .npmrc

    2,写入这行代码 registry=https://registry.npm.taobao.org

    安装 

    sudo npm i -g react-native-cli 

    初始化  从 git 上拉取代码

    react-native  init    xxx    // xx 是项目的名字

    启动项目 

    react-natice run start  // 后台启动 就是真机测试测试的方式 (知识又是一大坨,不赘述 )

    react-native run-ios  //这个是rn 的模拟器 模式   你可能会报错 那么 请你根据报错去设置xcode 编辑器 (可能会报错两次 ,这个的话适应就好,rn坑出名的,但是坑完之后的经验就是你的优势)

    react-native run-android  // 这个是rn 的模拟器 模式   你需要一个正在运行的安卓模拟器或者 安卓设备 

     

    展开全文
  • export default class Loop { props: { onLoop(item): Function; } loopBody = []; point = 0;... this.props.onLoop(this....如下初始化这个类。可以通过let l=new Loop();但是如何使用到onLoop(item)这个属性?
  • react native初始化项目

    2016-11-07 17:00:00
    打开命令行窗口,进入我们想要创建项目...提示:对于Windows,如果初始化项目出错,则可以尝试删除“系统安装盘符:\Users\用户名\.node-gyp”目录,然后在执行初始化命令;如果还有错,则可以尝试删除“系统安装盘符...

    打开命令行窗口,进入我们想要创建项目的父目录,输入命令:

    react-native init 项目名

    进入新建的项目目录,执行升级命令:

    cd 项目名

    react-native upgrade

    提示:对于Windows,如果初始化项目出错,则可以尝试删除“系统安装盘符:\Users\用户名\.node-gyp”目录,然后在执行初始化命令;如果还有错,则可以尝试删除“系统安装盘符:\Users\用户名\AppData\Roaming\npm-cache”目录,这个目录是加速缓存目录,删了不会引起任何错误,然后再重新尝试。

    使用Android手机进行调试

    在命令行窗口输入:"adb devices"命令,如果手机打开了调试模式,则会看到类似于如下的内容:

    List of devices attached

    xxxx  device

    如果手机是android5.0或者以上操作系统,那么在命令行输入"adb reverse tcp:8081 tcp:8081"执行这条命令,若手机连接正常,则不会有任何显示。这条命令通过adb反向代理端口,将调试电脑的8081端口反向代理到测试机上。

    若是5.0以下版本,则不需要执行上面的命令,现在需要保证手机与电脑使用同一个无线网络,在命令行窗口输入ipconfig,查看为电脑分配的网络地址并记下来。

    在安装目录输入“react-native run-android”,这个命令会编译刚初始化的项目,并且将编译好的安装包安装到手机或者模拟器中,时间可能会长。

    再输入react-native start命令,启动电脑上的服务环境。

    如果手机系统是5.0以下,需要按menu键或者摇动手机,会在屏幕上弹出菜单,选择“Dev Settings”,在选择最下面一项“Debug server host&port for device”,在弹出的输入框中输入刚才记下的开发电脑的网络地址加上调试端口号。例如:“192.168.0.100:8081”,点确定,再点击“Reload JavaScript”;而对于5.0以上的系统,不需要这个操作,但应在准备调试前,运行“adb reverse tcp:8081 tcp:8081”

    “react-native run-android”命令旨在售价没有安装项目时运行,然后就不需要在运行这个命令了,而是直接在手机界面上打开项目。

    “react-native start”这个命令在每次调试时都需要运行,并且在调试中一直保持运行。

     

    若出现白屏:应打开权限设置:“显示悬浮窗”

    转载于:https://www.cnblogs.com/chhom/p/6039579.html

    展开全文
  • http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/ 工具下载: https:/


    参考学习连接

    http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/

    工具下载:

    https://www.jetbrains.com/webstorm/

    破解工具下载

    http://download.csdn.net/download/qq_31071805/9622376

    webstorm破解方法

    http://blog.csdn.net/u012714280/article/details/51581492

    react native 中文学习网

    http://reactnative.cn/docs/0.31/tutorial.html#content

    github reactnative 网址

    https://github.com/facebook/react-native



    展开全文
  • 一上班创建React Native项目,react-native run-ios运行就报错,运行不了...呜呜...... 一开始以为自己react-native run-ios命令敲错,再然后以为Xcode缓存,再然后以为电脑问题,关机重启...问题依然存在,好在解决了......

    今天是肿么了......一上班创建React Native项目,react-native run-ios运行就报错,运行不了...呜呜......

    一开始以为自己react-native run-ios命令敲错,再然后以为Xcode缓存,再然后以为电脑问题,关机重启...问题依然存在,好在解决了....

    报错截图:

    上网查了很多资料没有找到解决方案,估计是react-native版本的问题。

    查看package.json文件:

    发现是0.45.0版本...我记得之前都是0.44的版本的......

    解决方法:

    修改package.json的react的版本:

    注意:react版本要和react-native版本搭配,上面版本只换一个也会出错
    {
        "name": "CustomViewRNProject",
        "version": "0.0.1",
        "private": true,
        "scripts": {
            "start": "node node_modules/react-native/local-cli/cli.js start",
            "test": "jest"
        },
        "dependencies": {
            "react": "16.0.0-alpha.6",
            "react-native": "0.44"
        },
        "devDependencies": {
            "babel-jest": "20.0.3",
            "babel-preset-react-native": "2.0.0",
            "jest": "20.0.4",
            "react-test-renderer": "16.0.0-alpha.12"
        },
        "jest": {
            "preset": "react-native"
        }
    }

    具体操作:删除node-modules文件夹,修改pakage.json文件,然后执行npm install即可.......呜呜...今天可是周五啊,一上午就被他坑了....

    不过...为什么呢?为什么0.45.1的就运行报错呢?知道的大神,留言告诉我哈...

    转载于:https://www.cnblogs.com/pengsi/p/7026564.html

    展开全文
  • 首先看一下安卓和iOS报错: iOS终端运行报错: Xcode运行报错: 解决办法一: 将版本降到0.44.3,修改package,具体请看我的另一篇博客:...将新建的项目用android studio打开下就行了,...
  • React Native初始化项目后执行react-native run-ios,运行失败,出现以下问题 解决方法如下: 修改package.json文件成为下图红色区域这样: 删除项目中的node_modules文件夹 在终端输入命令: npm ...
  • 因为npm的服务器是架在国外的 , 在国内的...执行下面两条命令应该就可以解决初始化项目时这个报错. npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist
  • 错误一: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment...从已有的androidStudio根目录中,复制一份local.properties到react-nativ...
  • 用pc端浏览器打开... 返回错误如下{"message":"TransformError: D:\workspace\react_native\firstdemo\node_modules\react-native\node_modules\react-transform-hmr\n
  • react-native初始化项目

    2018-09-11 10:04:40
    安装环境: 1.python2,android sdk,java环境...3.react-native init yourProjectName--version 0.55.4(不要安装0.56.1,会出现很多bug,0.55.4版本很稳定,--version 0.55.4一定要指定版本安装,新版本bug很多...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 使用react-native-cli搭建react-native跨端项目: 第一:安装react-native-cli npm install -g react-...第二:初始化项目 react-native init myproject 第三:运行项目 react-native run-android --port 9999
  • 执行 npm config set registry https://registry.npm.taobao.org npm config set disturl ... 重新初始化即可,如果遇到 npm update check failed Try running with sudo or get access to the local up...
  • 之前新建RN项目都不会出现这个问题,今天报错...This will walk you through creating a new React Native project in /Users/sipeng/Desktop/ReactNative/CodePushDemo/dounineApp Using yarn v0.24.5 Installing...
  • 1、初始化的的时候指定某一版本 react-native init rnAndroid --version 0.46.1 这样初始化出来的版本为0.46.1版本 2、在当前初始化好的版本上改版本 在package.json文件中修改react-native的版本号
  • 我是在Mac环境下,利用facebook开源的react-native创建原生app项目缓慢的问题 一:确定自己的环境配置是否有问题 二:打开终端,输入命令行 brew install wget 点击enter 进行安装 三:输入以下命令行 npm ...
  • 如果你也遇到这种情况的话,重新执行以下两行命令之后再进行初始化即可: npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist 自己遇到的问题,...
  • 简单总结组件页面js必备内容//1、rcc可以在...Improt React ,{ PropTypes} from ‘react’; Import { StyleSheet, ListView, RefreshControl, ScrollvView, Text, TouchableOpacity, InteractionManager, Image, View,
  • react-native init gitApp初始化项目然后cd到项目文件,运行命令 react-native run-androidstart . 命令打开文件夹窗口 dir打开文件夹目录版本控制工具 管理项目开发和本版之间的迭代,项目提交的变更。点击VCS然后...
  • ReactNative-环境初始化

    2018-03-29 17:23:56
    ReactNative 系列第一篇–>环境准备 安装软件 安装一些软件:Andriod studio, Android SDK, git, cygwin, nodejs 1. 安装cygwin环境,安装时选择git. 在http://www.cygwin.com/页面上根据对应...

空空如也

1 2 3 4 5 ... 20
收藏数 716
精华内容 286
关键字:

怎么引用reactnative初始化