上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 66 下一页
摘要: 一、简介 当页面内容的非常多时,即使换行后仍然无法充分显示,此时最好的解决办法就是让页面可以滚动显示。在React-Native中,提供了可供滚动的视图组件ScrollView组件。它的属性和方法以及使用基本和iOS的UIScrollView类似,下面简单列举常见的属性和函数,更多的详细请查看API 阅读全文
posted @ 2019-12-14 15:29 XYQ全哥 阅读(861) 评论(0) 推荐(0) 编辑
摘要: 一、简介 在应用程序中,图片组件非常常见,不论是缩略图、大图、还是小图标等等,都需要使用图片组件进行显示。在Web开发中提供了<img/>标签显示图片,在iOS中提供了UIImageView显示图片,而在RN中,则使用Image组件显示图片。同样的道理,Image组件既可以显示本地图片(磁盘、相册) 阅读全文
posted @ 2019-12-14 12:14 XYQ全哥 阅读(1276) 评论(0) 推荐(0) 编辑
摘要: 一、简介 在应用程序中,最灵魂的功能就是交互。通过给应用程序的组件添加事件来实现交互,进而提高用户体验。然而,ReactNative并不能像Web开发那样可以给大多数的标签元素绑定click事件,例如div、button、input等等,但是RN除了可以通过Text的onPress完成事件外,还是额 阅读全文
posted @ 2019-12-13 15:23 XYQ全哥 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 一、简介 一个应用程序中,输入框基本不可或缺,它衍生的搜索功能在很多APP中随处可见。在iOS开发中,使用的输入框组件是UITextView和UITextField,在React-Native中使用的则是TextInput组件。TextInput组件可以通过键盘将文本输入到APP的组件,它提供了如自 阅读全文
posted @ 2019-12-13 13:24 XYQ全哥 阅读(2122) 评论(0) 推荐(0) 编辑
摘要: 一、简言 在软件开发中,不论是Web还是App,它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图,如何实现页面间平滑地过渡,应用都有统一的一套跳转机制,这个功能就是路由或者叫导航。应用程序通过导航,可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router, 阅读全文
posted @ 2019-12-12 15:19 XYQ全哥 阅读(539) 评论(0) 推荐(0) 编辑
摘要: 一、介绍 在App中,很多数据消息显示都是一行行动态展示的,例如新闻标题,其实每一条新闻标题都可以独立成一个简单的列表组件,之前我们使用Text组件将数据都写死了,为了提高组件的灵活性,我们可以使用Text组件封装一个列表组件,将标题的数据传入列表组件,其内部展示交给Text组件即可。在上一篇Tex 阅读全文
posted @ 2019-12-10 15:18 XYQ全哥 阅读(795) 评论(0) 推荐(0) 编辑
摘要: 一、简介 在前面的第二篇博文中对组件的生命周期虽然做了一个大略介绍,但总感觉说的过于简单,毕竟生命周期是React组件的核心部分。在我们熟练使用React挂载和合成组件来创建应用表现层的过程中,针对数据异步或延时问题,只有充分利用组件的生命周期来把握框架载入和数据处理的时机,才能将组件性能发挥到合理 阅读全文
posted @ 2019-12-09 16:50 XYQ全哥 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 一、简言 初学RN,一切皆新。Text组件主要用于显示文本,Text组件的重要性不言而喻,无论是Web开发还是客户端开发,都离不开它。它具有响应特性,也即表现为当它被触摸时是否显示为高亮状态。在Web开发中,字体样式的继承十分重要,在body上设置字体可以作用到全部的文本标签,而RN中字体样式只有在 阅读全文
posted @ 2019-12-07 22:11 XYQ全哥 阅读(1250) 评论(0) 推荐(0) 编辑
摘要: 一、简言 初学RN,一切皆新。View组件跟我们iOS中UIView类似,作为一个容器视图使用,它主要负责承载其他的子组件。View组件采用的是FlexBox伸缩盒子布局,通过对它的布局可以影响子组件的布局排列,默认View组件的布局为纵向布局,一般开发中需要把它转为横向布局使用。现在使用最基本的组 阅读全文
posted @ 2019-12-06 22:56 XYQ全哥 阅读(1028) 评论(0) 推荐(0) 编辑
摘要: 一、介绍 初学RN,一切皆新。在上篇中成功地创建并运行了一个React-Native项目,这个demo的基本结构都是系统已经创建好的,开发者在此结构下完成自己的开发即可。分别用Xcode和WebStorm打开结构图如下所示: 二、分析 andriod文件夹:对应安卓项目, ios文件夹:对应iOS项 阅读全文
posted @ 2019-12-06 18:03 XYQ全哥 阅读(340) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 66 下一页