01 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
阅读全文
摘要：一、简介 接上篇文章，继续研究PickerIOS组件，这个组件是RN中专门针对iOS平台封装的。它的用法与Picker组件相同，都是要配置子项一起使用。它的子项组件PickerIOS.Item组件。当然，PickerIOS组件与Picker组件还有一个区别就是PickerIOS组件支持对文本样式的一
阅读全文
摘要：一、简介 本系列博客已经介绍过了日期选择器的使用，日期选择器是高度封装的组件，开发者可以选择最原始的选择器组件Picker组件进行定制，它是跨平台的组件。Picker组件需要配合Picker.Item组件一起使用。Picker.Item组件是Picker组件的子项，用来设置Picker组件值的。Pi
阅读全文
摘要：一、简介 在iOS端切换控制器的方式大致有三种，分别是导航、标签、模态，在ReactNative中也有这三种方式可以实现。在前面的文章中已经实现了用导航和标签切换页面，同样地，RN中也有一个模态组件Modal组件来进行页面的切换。 二、API Modal组件提供的属性不多，但是都比较常用，现在来分析
阅读全文
摘要：一、简介 在前面介绍过了FlatList列表组件用来展示大量的数据，ListView组件也是同样地功能。虽然ListView组件已经过时，但是作为新手还是有必要了解一下。它们的API差不太多，但是ListView组件使用起来确实要比FlatList列表组件复杂一下。ListView组件是一个垂直滚动
阅读全文
摘要：一、简介 在前面使用了TextInput实现了文本输入和搜索功能，一般情况下，我们会通过样式设置把控键盘弹起后与视图的间距，以至于不会挡住某些视图。但是，如果视图上的组件比较多，键盘的弹起覆盖某些视图几乎是无法避免的。ReactNative中就提供了一个KeyboardAvoidingView组件来
阅读全文
摘要：一、简介 ImageStore组件是ReactNative中用来存储图片的，支持通过uri从内存中获取和移除图片，也支持二进制图片的存储和获取。ImageStore组件提供的API就只有4个静态函数，使用起来比较简单。 二、API 1、通过uri获取图片 2、通过uri移除图片 3、存储图片的bas
阅读全文
摘要：一、简介 图片在应用中的使用非常常见，绚丽的图片能使App增色不少。当设计师给开发者一张图片后，有时根据情况需要用到该图片中的某一部分，当然研发可以让设计师再设计一张，其实，还有其他的办法可以实现，例如绘制指定局域的图片、裁剪图片等。在ReactNative中，提供了图片裁剪组件ImageEdito
阅读全文
浙公网安备 33010602011771号