摘要： 一、简介 当页面内容的非常多时，即使换行后仍然无法充分显示，此时最好的解决办法就是让页面可以滚动显示。在React-Native中，提供了可供滚动的视图组件ScrollView组件。它的属性和方法以及使用基本和iOS的UIScrollView类似，下面简单列举常见的属性和函数，更多的详细请查看API 阅读全文

摘要： 一、简介 在应用程序中，图片组件非常常见，不论是缩略图、大图、还是小图标等等，都需要使用图片组件进行显示。在Web开发中提供了<img/>标签显示图片，在iOS中提供了UIImageView显示图片，而在RN中，则使用Image组件显示图片。同样的道理，Image组件既可以显示本地图片(磁盘、相册) 阅读全文

摘要： 一、简介 在应用程序中，最灵魂的功能就是交互。通过给应用程序的组件添加事件来实现交互，进而提高用户体验。然而，ReactNative并不能像Web开发那样可以给大多数的标签元素绑定click事件，例如div、button、input等等，但是RN除了可以通过Text的onPress完成事件外，还是额 阅读全文

摘要： 一、简介 一个应用程序中，输入框基本不可或缺，它衍生的搜索功能在很多APP中随处可见。在iOS开发中，使用的输入框组件是UITextView和UITextField，在React-Native中使用的则是TextInput组件。TextInput组件可以通过键盘将文本输入到APP的组件，它提供了如自 阅读全文

摘要： 一、简言 在软件开发中，不论是Web还是App，它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图，如何实现页面间平滑地过渡，应用都有统一的一套跳转机制，这个功能就是路由或者叫导航。应用程序通过导航，可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router， 阅读全文

摘要： 一、介绍 在App中，很多数据消息显示都是一行行动态展示的，例如新闻标题，其实每一条新闻标题都可以独立成一个简单的列表组件，之前我们使用Text组件将数据都写死了，为了提高组件的灵活性，我们可以使用Text组件封装一个列表组件，将标题的数据传入列表组件，其内部展示交给Text组件即可。在上一篇Tex 阅读全文

摘要： 一、简介 在前面的第二篇博文中对组件的生命周期虽然做了一个大略介绍，但总感觉说的过于简单，毕竟生命周期是React组件的核心部分。在我们熟练使用React挂载和合成组件来创建应用表现层的过程中，针对数据异步或延时问题，只有充分利用组件的生命周期来把握框架载入和数据处理的时机，才能将组件性能发挥到合理 阅读全文

摘要： 一、简言 初学RN，一切皆新。Text组件主要用于显示文本，Text组件的重要性不言而喻，无论是Web开发还是客户端开发，都离不开它。它具有响应特性，也即表现为当它被触摸时是否显示为高亮状态。在Web开发中，字体样式的继承十分重要，在body上设置字体可以作用到全部的文本标签，而RN中字体样式只有在 阅读全文

摘要： 一、简言 初学RN，一切皆新。View组件跟我们iOS中UIView类似，作为一个容器视图使用，它主要负责承载其他的子组件。View组件采用的是FlexBox伸缩盒子布局，通过对它的布局可以影响子组件的布局排列，默认View组件的布局为纵向布局，一般开发中需要把它转为横向布局使用。现在使用最基本的组 阅读全文

摘要： 一、介绍 初学RN，一切皆新。在上篇中成功地创建并运行了一个React-Native项目，这个demo的基本结构都是系统已经创建好的，开发者在此结构下完成自己的开发即可。分别用Xcode和WebStorm打开结构图如下所示： 二、分析 andriod文件夹：对应安卓项目, ios文件夹：对应iOS项 阅读全文