ReactNative初探

1.给Activity定制View

  1)定义my.js,并在js里定义MyComponent,注意组件要以export default修饰

2)在项目启动js(index.android.js)里引入自定义js文件里的组件

import MyComponent from my.js(相对路径或者全路径)

在最后,注册组件:

ppRegistry.registerComponent(‘MyComponent‘, () => MyComponent);

3)最后,在activity里

    getMainComponentName()

返回MyComponent名称

2.

时间: 2024-08-07 04:30:45

ReactNative初探的相关文章

react-native初探——helloworld demo

一.代码结构 不同于mac开发环境,拥有index.ios.js和index.android.js两个编译文件,此处windows下仅在app.js中编译: 二.简单的helloword一闪闪效果 app.js import React, { Component } from 'react'; import { Text, View, StyleSheet } from 'react-native'; class HelloWorldApp extends Component { constru

初探React-Native

props 大多数组件在创建时就可以使用各种参数来进行定制.用于定制的这些参数就称为props(属性). 以常见的基础组件Image为例,在创建一个图片时,可以传入一个名为source的prop来指定要显示的图片的地址,以及使用名为style的prop来控制其尺寸. e.g import React, { Component } from 'react'; import { AppRegistry, Image } from 'react-native'; class TianXin exten

ReactNative 概述

近期看了下React Native ,整理了下 简介 支持平台:Native App(IOS.Android) 开发语言:JSX.JavaScript.Coffee Script.Type Script IDE:Nuclide 此外,Facebook还开源了对应的IDE(Nuclide).Nuclide具有能够开发基于Hack的Web应用.支持React和React Native开发.集成了构建工具Buck.集成了JavaScriot类型检查器Flow等特征 上线APP Facebook Gro

windows搭建安装react-native环境

在win10环境下,利用Genymotion模拟器,配置react-native的环境. 一.安装JDK 在网上下载jdk,版本最好是1.8以上.安装后要对环境变量进行配置. 同时在 Path 中配置jdk的环境变量: 说明: 安装完后可以通过 java –version 来查看当前安装的jdk的版本. 二.安装SDK 这个我是在360上下载的 Android Studio 版本的: 下载完后安装. 然后设置环境变量 ANDROID_HOME .为我们刚刚安装的sdk路径: 三.设置SDK 在我

进阶之初探nodeJS

一.前言 在"初探nodeJS"随笔中,我们对于node有了一个大致地了解,并在最后也通过一个示例,了解了如何快速地开启一个简单的服务器. 今儿,再次看了该篇随笔,发现该随笔理论知识稍多,适合初级入门node,固萌生一个想法--想在该篇随笔中,通过一步步编写一个稍大一点的node示例,让我们在整体上更加全面地了解node. so,该篇随笔是建立在"初探nodeJS"之上的,固取名为"进阶之初探nodeJS". 好了,侃了这多,那么我们即将实现一个

Android 原生开发、H5、React-Native使用利弊和场景技术分享

http://m.blog.csdn.net/article/details?id=51778086 发表于2016/6/28 18:52:46  1176人阅读 最近工作中接触到React-Native框架,对其进行一些技术分析,结合之前了解的H5的一部分,加上自己做了很久的原生开发(十几个android app.sdk,包括2个ios), 总结下目前了解到的这三种移动端应用开发方式的特点和试用范围,作为个人知识的记录,也作作为公司内部互相学习的分享. 一.原生开发   原生开发是系统自带的a

从273二手车的M站点初探js模块化编程

前言 这几天在看273M站点时被他们的页面交互方式所吸引,他们的首页是采用三次加载+分页的方式.也就说分为大分页和小分页两种交互.大分页就是通过分页按钮来操作,小分页是通过下拉(向下滑动)时异步加载数据. 273这个M站点是产品推荐我看的.第一眼看这个产品时我就再想他们这个三次加载和翻页按钮的方式,那么小分页的pageIndex是怎么计算的.所以就顺便看了下源码. 提到看源码时用到了Chrome浏览器的格式化工具(还是朋友推荐我的,不过这个格式化按钮的确不明显,不会的话自行百度). 三次加载和分

React-Native做一个文本输入框组件

我又回来啦! 由于最近一直在做公司的项目,而且比较急.如今项目已经迭代到第三期,可以缓一缓了... 今天在公司里听前端的说,这个项目本来是用React-Native做的(去年10月份),但是做到一半发现坑太多,就中途放弃了,于是让我们android和iOS重新开发... 作为非常喜欢这个技术的我来说,表示相当的不服. 于是我打算利用闲暇时间做一个一模一样的出来,反正接口我都有(嘻嘻) 说实话,最近一直再用android做开发,而且时间也不宽裕,react-native有点生疏了. 好了,废话不多

[转载]HDFS初探之旅

转载自 http://www.cnblogs.com/xia520pi/archive/2012/05/28/2520813.html , 感谢虾皮工作室这一系列精彩的文章. Hadoop集群(第8期)_HDFS初探之旅 1.HDFS简介 HDFS(Hadoop Distributed File System)是Hadoop项目的核心子项目,是分布式计算中数据存储管理的基础,是基于流数据模式访问和处理超大文件的需求而开发的,可以运行于廉价的商用服务器上.它所具有的高容错.高可靠性.高可扩展性.高