React-Native - 随笔分类(第3页) - XYQ全哥

ReactNative: 使用标签栏组件TabBarIOS组件

摘要：一、简介标签栏Tab的作用对于应用程序那是不言而喻的，它是应用程序中除了导航栏组件外的又一个核心组件，使用它可以实现页面的切换。RN提供了一个TabBarIOS组件来完成页面的切换(视图或者路由)，它代表整个标签栏，不过它需要搭配的它的一个附属组件TabBarIOS.Item，它代表每一个tabI 阅读全文

posted @ 2019-12-14 23:05 XYQ全哥阅读(332) 评论(0) 推荐(0) 编辑

ReactNative: 使用像素密度类PixelRatio进行适配

摘要：一、简介现在设备显示屏的清晰度越来越高，尤其是iOS移动设备上的高清适配，Retina显示屏。在开发中，为了保证图片在不同的设备上显示的效果保持一致，往往需要准备多套图片，比如iOS开发中的@1x，@2x，@3x图，这是一件比较繁琐的事。在RN中，针对这个情况提供了一种新的解决方案，由于RN中的p 阅读全文

posted @ 2019-12-14 17:10 XYQ全哥阅读(1138) 评论(0) 推荐(0) 编辑

ReactNative: 使用尺寸类Dimensions获取屏幕尺寸

摘要：一、简介在前面创建使用组件时，虽然使用的都是伸缩盒子布局，但是很少使用宽高来进行绝对定位。在iOS中可以通过UIScreen控件获取当前屏幕的宽高，同样地，在RN中提供了一个尺寸组件Dimensions，英文译为“英尺”，开发者通过它也能拿到当前屏幕的宽和高。Dimensions组件类中，声明的函阅读全文

posted @ 2019-12-14 16:03 XYQ全哥阅读(1918) 评论(0) 推荐(0) 编辑

ReactNative: 使用滚动视图ScrollView组件

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

posted @ 2019-12-14 15:29 XYQ全哥阅读(883) 评论(0) 推荐(0) 编辑

ReactNative: 使用Image图片组件

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

posted @ 2019-12-14 12:14 XYQ全哥阅读(1292) 评论(0) 推荐(0) 编辑

ReactNative: 使用Touchable触摸类组件

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

posted @ 2019-12-13 15:23 XYQ全哥阅读(407) 评论(0) 推荐(0) 编辑

ReactNative: 使用输入框TextInput组件

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

posted @ 2019-12-13 13:24 XYQ全哥阅读(2128) 评论(0) 推荐(0) 编辑

ReactNative: 使用导航栏组件-NavigatorIOS组件和Navigator组件

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

posted @ 2019-12-12 15:19 XYQ全哥阅读(551) 评论(0) 推荐(0) 编辑

ReactNative: 创建自定义List列表组件

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

posted @ 2019-12-10 15:18 XYQ全哥阅读(802) 评论(0) 推荐(0) 编辑

ReactNative: 使用Text文本组件

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

posted @ 2019-12-07 22:11 XYQ全哥阅读(1267) 评论(0) 推荐(0) 编辑

ReactNative: 使用View组件创建九宫格

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

posted @ 2019-12-06 22:56 XYQ全哥阅读(1038) 评论(0) 推荐(0) 编辑

ReactNative: ReactNative初始项目的结构

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

posted @ 2019-12-06 18:03 XYQ全哥阅读(343) 评论(0) 推荐(0) 编辑

ReactNative: 搭建ReactNative开发环境

摘要：搭建ReactNative开发环境不废话，具体步骤如下：一、安装需要的软件 1、Homebrew Homebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。译注：在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/ 阅读全文

posted @ 2019-12-06 15:49 XYQ全哥阅读(219) 评论(0) 推荐(0) 编辑

深入浅出 React Native：使用 JavaScript 构建原生应用

摘要：深入浅出 React Native：使用 JavaScript 构建原生应用链接：https://zhuanlan.zhihu.com/p/19996445 原文：Introducing React Native: Building Apps with JavaScript 数月前，Faceboo 阅读全文

posted @ 2016-09-26 20:07 XYQ全哥阅读(540) 评论(0) 推荐(0) 编辑

随笔分类 - React-Native

公告