随笔分类 - React-Native
跨平台开发
摘要：一、简介 react-native-modal是一个增强的，动画的和可定制的react-native模态对话框开源组件，它提供的API比较丰富，基本可以满足开发中需要的各种对话弹框，它附带遮罩层以模态的形式弹出。使用它友好地为用户提供消息展示，是一个不错的选择。 二、安装 1、npm install
阅读全文
摘要：一、简介 在市面主流的app中，轮播功能是一个非常常见的模块功能，通常作为banner展示所用。实现轮播组件的技术无非两种，一种是使用原生组件进行自定义，另一种就是使用第三方轮子了。有些时候，因为项目紧张，没有时间去自定义，那么就习惯使用性能完善的开源组件了。在RN项目中，github上也提供了很多
阅读全文
摘要：一、简介 前面都是介绍关于RN基本的API组件和UI组件，这些组件在复杂的复合组件中都是以颗粒度的形式存在的，如何有效合理的利用它们进行封装，是十分有必要的。开发复合组件的好处有很多，最为明显的就是复用和独立功能模块。复合组件分为两种，一种是静态的，这种组件不具备重用的特征，由静态数据组成，开发静态
阅读全文
摘要：一、前言 2020，一个不平凡的悲痛的庚子年，新年伊始，湖北武汉就发生了令人始料不及的疫情。一夜间，全国都停止了脚步，隔离在家，共同抗疫。中华民族的凝聚力历来强大，几个月的努力，上万人的付出，如今春暖花开，疫情基本快要控制住了。这场战役中，牺牲了和去世了太多人，令人痛惜，为活着的人祝福，为逝去的人祷
阅读全文
摘要：一、简介 在讲本篇博文之前，需要你熟知怎么自定义ReactNative组件，然后才好学习将自定义的ReactNative组件制作成第三方库。本文中的自定义的ReactNative组件LoginManager API 源自上篇文章，所以需要先看一下上篇博文。言归正传，ReactNative的确提供了一
阅读全文
摘要：一、简介 在前面介绍了很多ReactNative中UI组件和API组件，这些都是Facebook团队封装好的基础组件，开发者可以直接使用。然而，在实际的开发过程中，面对复杂的需求，此时原生的Native组件可能就无法满足要求了。当然，这种情况Facebook团队是当然考虑过了，所以在ReactNat
阅读全文
摘要：一、简介 定时器在需求中也是一个常见的部分，例如在间隔时间内循环执行某些业务或者定时推送消息等。ReactNative中提供了三种定时器API，分别是setTimeout、setInterval、setImmediate。它们都是遵循浏览器API标准实现的，但是作用也略有不同。 二、API 1、se
阅读全文
摘要：一、简介 数据，任何一款产品必不可少的核心，没有数据，一切就毫无根据可言。在开发中，数据基本上都需要从服务器去获取。ReactNative本身实现了网络API功能，它遵循浏览器的实现方式，也即XMLHTTPRequest API。参与前端开发的工程师，对XMLHTTPRequest应该非常了解，XM
阅读全文
摘要：一、简介 LBS，基于位置的服务是很多APP必不可少的功能，根据获取的用户当前的位置，快速地提供给用户附近的资源【吃穿住行】。目前国内比较著名的地图服务提供商有百度地图、高德地图、以及腾讯地图等等。LBS最基础的功能就是位置的获取，ReactNative中提供了Geolocation这个API来进行
阅读全文
摘要：一、简介 同前面使用第三方库相机框架react-native-camera一样，对于原生的图片选择器的使用也有第三方框架提供。分别是react-native-image-picker和react-native-image-crop-picker。 react-native-image-picker库
阅读全文
摘要：一、简介 在前面使用了CameraRoll的API和react-native-camera第三方库完成了一些关于相机相册功能的使用，其实RN中还有一些其他的方式可以使用相机相册，那就是图像选择器ImagePickerIOS，我们通过它既可以进行拍照，也可以获取图片和视频资源。它跟iOS中UIImag
阅读全文
摘要：一、介绍 “剪贴板Clipboard”为用户提供了一个界面，可在iOS和Android上从访问系统的剪贴板设置和获取内容。 二、API Clipboard提供的API相当简单，只有两个方法，一个是设置内容到剪贴板，另一个则是从剪贴板获取设置的内容。如下所示： //设置内容到剪贴板 setString
阅读全文
摘要：一、简介 在前一篇文章中，初步介绍了RN提供的关于相机功能CameraRoll的使用了。很多时候，这种最基础的API有时很难满足功能需求，此时，如果不想重复造轮子，我们可以选择一个完善好用的第三库。react-native-camera就是一个非常不错的关于相机功能的第三方库，使用这个框架基本能满足
阅读全文
摘要：一、简介 在APP中照相机的使用非常普遍，需要的相机的功能可能是拍摄图片、保存图片、获取图片、拍摄视频、获取视频、扫描二维码等等。在ReactNative中，提供了一个API来实现这些功能，也即CameraRoll。注意，为了访问运行iOS 10或更高版本的设备上的“相机胶卷”，需要用户的许可。 用
阅读全文
摘要：一、简介 SectionList，分组列表，ReactNative中继提供的ListView和FlatList列表组件后的又一个很重要的分组列表组件。它的用法其实跟前面的FlatList差不多，但是SectionList组件性能更高，同时SectionList组件要比ListView组件使用简单的多
阅读全文
摘要：一、简介 刷新功能在数据更新的时候很常用，它对用户有一个非常明显的数据正在更新的提示信息。ReactNative中提供了RefreshControl组件来实现这个刷新功能。在前面介绍的ScrollView或ListView，都支持刷新组件的使用，可添加拉动刷新功能。 二、API 它是跨平台的组件，提
阅读全文
摘要：一、简介 开关组件就是0和1的互斥关系，0代表关闭，1代表打开。应用中很多时候会使用一个开关组件来控制某些功能是否启用或禁用。ReactNative中提供了Switch组件来实现开关功能。 二、API 它提供的属性不多，如下所示： 三、使用 简单使用如下：
阅读全文
摘要：一、简介 滑块组件Slider组件是一个跨平台的组件，用户可以拖拽它的值来调整播放或浏览的进度，例如音乐、视频、电子书等等。 二、API 它的API如下所示： 三、使用 简单使用如下：
阅读全文
摘要：一、简介 iOS中的UISegmentControl分段控件，可以设置筛选条件来更新视图或者用来切换控制器。同样地，在ReactNative中兼容iOS平台提供了一个SegmentedControlIOS组件。它的用法差不多，现在来看看。 二、API SegmentedControlIOS组件既提供
阅读全文
摘要：一、简介 进度条显示在应用中很常用的一个功能，合理地使用好它能更好地提高产品的用户体验。进度条被运用的场景常见的有页面加载进度、数据下载进度、上传数据的进度等等。在ReactNative中提供了ProgressViewIOS组件来显示矩形进度条，该组件只能使用在iOS平台上，不能跨平台。 二、API
阅读全文