React Native组件

React Native中没有DOM的概念,只有组件的概念,所以在ReactJS中使用的HTML标签以及DOM的操作是不起作用的,但是组件的生命周期、JSX的语法、事件绑定以及自定义属性等,在React Native和ReactJS中是一样的。

1. View组件

在React Native里有一个类似于div的组件,就是View组件,支持多层嵌套,支持flexbox布局。

2. Text组件

  1. 概述:
    1. 作用:主要用于显示文本;
    2. 特性:具有响应性,可以嵌套,可以继承样式(内部Text组件可以继承外部Text组件样式)
  2. 主要特性:
    1. onPress
    2. numberOfLines

      最多显示多少行
      3. onLayout

3. Navigator组件

  1. 概述:
    1. 在RN中专门负责视图切换的组件;
    2. Navigator(Android和iOS)和NavigatorIOS(iOS)
  2. 对比:
    1. 两者都可以用来管理应用中“场景”的导航(屏幕)。导航器建立了一个路由栈,用来弹出、推入或者替换路由状态,他们和H5的history API很类似。
    2. 区别在于NavigatorIOS使用了iOS中的UINavigationController类,而Navigator则完全用js重写了一个类似功能的React组件。因此Navigator可以兼容iOS,而NavigatorIOS只能用于iOS。
    3. NavigatorIOS是轻量、受限的API,故相对于Navigator来说不太方便定制。由开源社区主导开发,RN的官方团队并不在自己的应用中使用。建议使用Navigator,避免在开发过程中遇到问题。
  3. 使用:
    1. 导航器通过路由对象分辨不同的场景,利用renderScene方法,导航栏可以根据指定的路由来渲染场景。
    2. 可以通过configureScene属性获取指定路由对象的配置信息,从而改变场景的动画或手势**
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...
    珍此良辰阅读 7,308评论 33 15
  • 基本资料 react-native version 0.34 官方参考资料 官方UI组件 View 视图组件,相...
    一笑yo阅读 1,400评论 2 0
  • 前言 React Native的开发思路是通过组合各种组件来组织整个App,在大部分情况下通过组合View、Ima...
    SuperEVO阅读 3,522评论 0 8
  • 摈弃繁杂的内容,提供最实用的react-native知识 大神心得 React Native Tools 下列基础...
    Yochi阅读 318评论 0 0
  • 手腕wrist本来好理解,w来回摆动,r绕。st不动。我们的写字(write)就是用手腕来实现这个动作。但是在口语...
    石三英语阅读 584评论 0 1