精华内容
下载资源
问答
  • 安装教程: 安装的时候,一定退出,模拟器,负责,安装失败,很慢 1.npm install --save react-navigation ...3.react-native link react-native-gesture-handler ios 什么都不需要做: 为了完成react-native-...

    安装教程:
    安装的时候,一定要退出,模拟器,负责,安装失败,很慢

    1.npm install --save react-navigation
    2.npm install --save react-native-gesture-handler
    3.react-native link react-native-gesture-handler
    ios 什么都不需要做:
    为了完成react-native-gesture-handler在Android上的安装,请确保MainActivity.java上完成如下修改:
    AwsomeProject\android\app\src\main\java\com\awsomeproject\MainActivity.java
    package com.reactnavigation.example;
    
    
    import com.facebook.react.ReactActivity;
    + import com.facebook.react.ReactActivityDelegate;
    + import com.facebook.react.ReactRootView;
    + import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
    
    public class MainActivity extends ReactActivity {
    
      @Override
      protected String getMainComponentName() {
        return "Example";
      }
    
    +  @Override
    +  protected ReactActivityDelegate createReactActivityDelegate() {
    +    return new ReactActivityDelegate(this, getMainComponentName()) {
    +      @Override
    +      protected ReactRootView createRootView() {
    +       return new RNGestureHandlerEnabledRootView(MainActivity.this);
    +      }
    +    };
    +  }
    }
    

    相互切换:

    1.this.props.navigation.navigate
    
    2. 需要将参数包装成一个对象,作为navigation.navigate方法的第二个参数传递给路由。如: this.props.navigation.navigate('RouteName', { /* params go here */ })
    读取页面组件中的参数的方法:this.props.navigation.state.params。
    
    
    展开全文
  • react-native-android-guide

    2017-02-08 22:14:42
    致力于帮助Android开发者转react-native开发。 ...作为一名Android开发者,我的...但是我还是要学react-native,不要问我为什么,因为我相信一门解决了原生app,开发周期长,开发成本高,升级代价大的语言一定会火

    https://github.com/xujinyang/react-native-android-guide

    致力于帮助Android开发者转react-native开发。

    作为一名Android开发者,我的感觉就是,一步一卡,卡的潇洒。

    但是我还是要学react-native,不要问我为什么,因为我相信一门解决了原生app,开发周期长,开发成本高,升级代价大的语言一定会火,而且react语言看起来那么熟悉,组建式的布局方式,让没有接触过web开发的我,感觉没有一点点晦涩,那么的自然,甚至体会不到web同学口中的革命性创新,native的开发者大概还会蠢萌的认为不就应该这样么?

    或许你还在犹豫,一门新的语言让他再发展发展再学也不迟,但是在中国你懂的,学技术要从技术还是娃娃的时候学起。 

    新闻

    饿了么蜂鸟众包app 下载地址

    鸡汤总览

    入门教程

    项目级别架构flux

        Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。适用于react/react-native
    

    踩坑列表

    React-native Android开源项目

    资源列表


    展开全文
  • 学习rect-native,1他是干嘛的-或者叫有什么好处,没好处我就不学了哈哈,组内在...写javescript需要node.js,node.js需要npm和nvm,TMD这些都是什么鬼,我当初也是觉得,我要学js,你们这帮禽兽给我弄一堆什么鬼 让...

    学习rect-native,1他是干嘛的-或者叫有什么好处,没好处我就不学了哈哈,组内在推,公司在推so...

    2、什么东西组成的-把javescript代码放下发到在客户端里,和本地代码交互。 ☺

    3、 我怎么用---  直接来干的

    写javescript需要node.js,node.js需要npm和nvm,TMD这些都是什么鬼,我当初也是觉得,我要学js,你们这帮禽兽给我弄一堆什么鬼 让我安装。 

    NPM全称是 Node Package Manager,node包管理,对于ios开发,他是ios的pod,NPM来由

    NVM全称是Node Version Manager,node版本管理

    node.js是个啥

    • JavaScript和java都是一门编程语言,至于两者的关系,是雷锋和雷峰塔的关系
    • V8是google开源的JavaScript引擎,用于执行JavaScript,类似JVM执行java字节码。在node.js诞生之前,V8是内置于Chromium中的,现在也内置于node.js中
    • node.js=V8+内置基本模块(大多用JavaScript编写),类似JRE=JVM+java标准库
    • node.js诞生之前,JavaScript只能运行于浏览器,现在也可以在服务器端运行于node.js

    好吧,老子还是不懂node.js是个啥。

    • node.js不是一门语言,也不是一种特殊的JavaScript方言 - 它仅仅就是用于运行普通JavaScript代码的东西

    满足吗,如果还不能理解,只能先记住,用的时候 感觉他是个啥。

    盘他走起,先安装,眼闭着一直安装

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
    
    nvm install --lts

    这俩步骤成功后,会得到三个玩意 node.js、npm和nvm,闭眼用心去feel

     ~ node -v

    v10.15.3

    ➜  ~ npm -v

    6.4.1

    ➜  ~ nvm --version

    0.33.11

    我们推荐用 yarn 而不是 npm,npm 的使命到此终结
    $ npm i yarn -g # 或者: https://yarnpkg.com/zh-Hans/docs/install#mac-stable
    

    看到这行是不是要死,yarn是个啥,不要管,就是干。

    yarn --version

    1.13.0

    推荐的编辑器是 Visual Studio Code

    安装npm install -g react-native-cli

    到你想去的目录,react-native init yourDemoProject

    Run instructions for iOS:
        • cd /Users/qiankun/Desktop/rnProject && react-native run-ios
        - or -
        • Open ios/rnProject.xcodeproj in Xcode
        • Hit the Run button
    
      Run instructions for Android:
        • Have an Android emulator running (quickest way to get started), or a device connected.
        • cd /Users/qiankun/Desktop/rnProject && react-native run-android

    初始化完你的第一个rn工程,会得到上面提示,算是开启了rn生涯。just do it ! 写rn需要这个语言Rect-native第二节--JavaScript

    展开全文
  • 如果想对React有个大致的概念,推荐这篇博客,然后就是Facebook的官方文档,我一步一步看下来按照它说的做也没什么大问题,主要就是自己消化知识。学习React,很重要的学习内容就是怎样将组件拆分。  React有个很...

             关于React的原理和教程什么的,网上一搜有很多,在这里我就不赘述了。如果想对React有个大致的概念,推荐这篇博客,然后就是Facebook的官方文档,我一步一步看下来按照它说的做也没什么大问题,主要就是要自己消化知识。学习React,很重要的学习内容就是怎样将组件拆分。

              React有个很重要的概念就是组件(component),通过封装一些组件,可以增加复用,不用重复造轮子。一个组件可以这样封装:

    var TimeLabel = React.createClass({
        getInitialState:function() {
            return {date:new Date()}
        },
    
        updateTime:function() {
            this.setState({date:new Date()});
        },
    
        componentDidMount:function() {
            setInterval(this.updateTime,1000);
        },
    
        render:function() {
            return (
                <p>
                    Hello, <input type="text" placeholder="Your name here" />!
                    It is {this.state.date.toTimeString()}
                </p>
            );
        }
    });
    
    module.exports = TimeLabel;

              由于之前我没怎么接触过前端,对于commonjs等等的框架都不了解, 所以刚开始我并不知道怎么去引用这个封装好的模块。我直接在js文件中使用:

    var TimeLabel = require('TimeLabel');
    ReactDOM.render(
        <TimeLabel />,
        document.getElementById('content')
    );

               并在html代码中引入这个js文件。得到的结果是报错,require is undefined,require关键字未定义。后来了解到,我们还需要将这些js代码“编译”成可以带浏览器端运行的代码。这就涉及到前端模块管理器的概念,可以参考这篇文章:前端模块管理器简介。我们还需要模块加载器将这些带有require的代码转换成浏览器可以运行的代码。

            通过比较,我选择了用webpack。具体的安装过程就不说了,参考这里。使用方法是,先建立一个配置文件,典型的配置文件如下,文件名为webpack.config.js:

    var webpack = require('webpack');
    var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');
    module.exports = {
      entry: {
        entry1: './entry/entry1.js',//需要转换的文件路径,是键值对
        entry2: './entry/entry2.js'
      },
      output: {
        path: __dirname,  //转化后的文件的路径
        filename: '[name].entry.js'  //转化后的文件的名字
      },
      resolve: {
        extensions: ['', '.js', '.jsx']  //js代码和jsx代码都进行转化
      },
      module: {//对于不同的文件,用不同的加载器进行处理
        loaders: [{
          test: /\.js$/,
          loader: 'babel-loader'
        }, {
          test: /\.jsx$/,
          loader: 'babel-loader!jsx-loader?harmony'
        }]
      },
      plugins: [commonsPlugin]
    };
    然后在命令行中运行:

    webpack --config webpack.config.js

          如果提示提示一些包没安装的话,用npm安装一下就好了。具体配置文件里面的参数的意义,参考这里,React里面需要用到的就是代码里面有注释的那些。最后,在html文件中引用转换后的文件,就可以了。

    展开全文
  • 但是我还是要学react-native,不要问我为什么,因为我相信一门解决了原生app,开发周期长,开发成本高,升级代价大的语言一定会火,而且react语言看起来那么熟悉,组建式的布局方式,让没有接触过web开发的我,感觉...
  • 年底了,没有什么开发任务,没事的时候,给自己充充电,学习学习新技术,最近很火的FaceBook开源的框架React-Native,开始学习学习,大家一起探讨探讨,本人QQ:329750074 有时间可以一起学习 官方操作文档:官方...
  • React-Native之最基础

    2016-12-29 09:29:31
    学习React-Native大概两周了吧,每天都是到处查找视频,练习Demo,学习效果还行. 说一些简单的组件,怕是没什么难度,但我个人感觉在ReactNative中语法不是太难,毕竟,做过原生的开发,java水平还行,所以感觉在学习React...
  • React-Native应用中的手势复杂得多。我在初次接触React-Native手势之初也是看的一头雾水,经过搜索也发现相关的资料比较少,因此萌发了写一篇相关文章的想法。这也是写作本文的初衷,一方面总结...
  • React-native基础介绍

    2017-08-18 17:26:53
    JSX语法如果仅仅是开发react/react-native,个人觉得,没必要专门学习什么是jsx,我们只需要它的一些基本的知识就足够了。jsx语法,一定记住这样的一句话,它是把HTML模板和JavaScript进行混写的一种语法风格。...
  • react-native ios端真机调试 打包与发布

    万次阅读 2017-01-22 16:29:16
    (顺便说一下,react-native 开发,最好还是一下原生,起码的看得懂,不然搞配置一抓一把黑) 1:关于真机调试  这里的真机调试,指的是在iphone设备上面运行你的react native 项目,那么让我们的设备在真机...
  • React-Native 自述

    2016-03-13 17:28:36
    用他开发一定量的功能,自己有兴成为了RN的研究者,刚开始的酸楚大家都懂得,遇到各种坑,百度谷歌都找不到,,只能开源码,和猜测,下周做的功能就要体测了,心里还是有些忐忑,不知道还会出现什么问题。...
  • React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。...为什么我们使用React...
  • 一边催产出一边调优,这边就把在项目里遇到的问题和解决方法给大家分享下先安利:https://github.com/ddwhan0123/Useful-Open-Source-Android (Kotlin相关内容还没加入,因为我还没,不敢妄自推荐)为什么要使用...
  • 菜鸟在暑期,选择了干前台,一开始,真的是一脸懵逼,完全不知道是什么,现在也是得思维混乱,于是,我就想,我一定一个一个查,然后面的人少走弯路 接下来直接看菜鸟写的小例子: import React, { Component } ...
  •  最近一段时间感觉前端知识极度匮乏,这就想着学习什么框架,充充电,VUE? Angular?... 喜欢这个框架多半是之前喜欢Android 所以HAHA,虽然React Native过,不过没关系,我杠上React, ...
  • 文章目录一丶React-native什么二丶React Native引进原因三丶React学习需要的知识四丶React三个特点五丶React-native的优缺点六丶React-native的机制特性七丶React-native的工作原理八丶React Native开发流程九丶对...
  • 什么要放弃学习 React Native 呢?先总结一下 React Native 的优缺点,再来说说原因。 1. React Native 的优缺点 目前有许多的跨平台框架,比如基于 WebView 的 Cordova、AppCan 等,使用 HTML+JavaScript ...
  • 什么要学习CSS布局属性首先,React Native使用JSX语法(后边的博客会详细讲解)来编程,它其实是一个语法糖,React Native 的代码格式和原来的HTML + CSS 的代码格式有些相似,重要的是,它布局的属性和CSS的布局...
  • 刚接触RN,相信很多人无从下手,不知道下一步什么,能干什么,本次学习围绕这个问题,将RN的常用命令总结一下,帮助你快速上手 架构理解 光知道命令的作用,远远不够,如果知道命令背后的意义,才能运用自如,...
  • jdk(这不用说了),android sdk,nodejs,react-native-cli,webStorm 网上说下载Android studio,我是android开发,所以本身android环境没有什么问题,其实在我看来,安装了webstorm后,真正需要的是android sdk...
  • 将ReactNative项目整合到android项目中步骤学习React-Native已经有一段时间了,以前学习都是新建react-native项目,没有和android项目有什么关联。今天研究了一天,终于大致摸清了将ReactNative项目整合到现有...
  • React Native填坑之旅--布局篇

    千次阅读 2016-10-21 00:22:17
    比如今天说的布局问题。其实在一个app开发之前,就应该有所了解。否则的话每次看到的代表的是什么呢?上来就是一个疑问。在这个系列进行到一定程度的时候,我会花时间重新整理全系列的文章,让各位可以按照知
  • 首先,学习React Native首要的条件就是有环境,至于怎么配置React Native大家可以在官网上按照步骤安装。不同的平台安装的步骤和需要的软件也不同,我这边是Windows环境(这里不说什么系统好,也不说哪一个系统差...
  • 受到身边同事的影响,我选择了学习 React Native。由于之前没有前端的知识,不会 H5、js,更别说 什么 es6 和 react 了,所以刚接触的时候还是有些困难的。边看视频边看文档,了大概两个礼拜,倒是也入了一点门。...
  • 昨天我搭了一个壳,里面什么数据都没有 今天我做数据请求+列表展示,当时...fetch('http://facebook.github.io/react-native/movies.json') 例子的部分代码: // 初始化模拟数据 constructor(p
  • ReactNative: 记录几个常用

    千次阅读 2016-08-27 12:47:07
    距离这篇博客 ReactNative: react-native init 到底做了什么, 已好久没有更新关于 RN 的东西了.前两天有私信问我, 关于如何搭建 RN 开发环境? 进入开发界以来, 我们总是在不断地学习不断地向前发展. 学习新的东西...

空空如也

空空如也

1 2 3
收藏数 59
精华内容 23
关键字:

学react-native要学什么