【React Native】第三方组件

ops/2025/1/15 23:44:01/

WebView

Picker

  • mode = {‘dropdown’} 只在 android 生效

Swiper

  • 搭配 ScrollView 使用

AsyncStorage

  • AsyncStorage.setItem()
  • AsyncStorage.getItem()
  • AsyncStorage.removeItem()
  • AsyncStorage.clear()

Geolocation

  • 配置添加获取定位信息的授权许可,在 android/app/src/main/AndroidManifest.xml 文件中配置
  • 在组件加载时(componentDidMount生命周期函数)获取地理位置信息
  • Geolocation.getCurrentPosition

Camera

  • 配置添加使用摄像头、访问相册、使用麦克风的授权许可,在 android/app/src/main/AndroidManifest.xml 文件中配置,同时还需要在 android/app/build.gradle 打包工具中添加
  • 支持拍照、录视频、人脸识别、条形码扫描、文本识别
  • ref = {ref => { this.camera = ref }}
  • this.camera.takePictureAsync(options) 拍照

ImagePicker

  • 使用场景:手机端更新头像可以调用摄像头去拍照,也可以浏览手机相册选择图片
  • 配置与Camera一致
  • 支持调用摄像头、访问相册
  • ImagePicker.showImagePicker(options, (response) => {})

react-native-vector-icons

  • RN 中的矢量图标库

http://www.ppmy.cn/ops/111241.html

相关文章

自定义封装输入框组件时的一些默认样式问题处理、原生input标签样式边线等处理 之 appearance: none 魔法 真的记住了

appearance: none 魔法 appearance: none; /* 确保覆盖所有默认样式 */-moz-appearance: textfield; /* 移除 Firefox 默认的外观 */-webkit-appearance: none; /* 移除 WebKit 浏览器的默认样式 */然后就如你所愿了:

K8S - Volume - NFS 卷的简介和使用

在之前的文章里已经介绍了 K8S 中两个简单卷类型 hostpath 和 emptydir k8s - Volume 简介和HostPath的使用 K8S - Emptydir - 取代ELK 使用fluentd 构建logging saidcar 但是这两种卷都有同1个限制, 就是依赖于 k8s nodes的空间 如果某个service pod中需要的vol…

Android C++ Binder 的两种实现方式

Binder 机制是 Android 中使用最广泛的进程间通信机制,借助 Binder 开发者可以方便的开发各种实现应用间信息传输、分享的应用。对于 Android 应用开发者来说,开发都是基于 Java 语言进行的,但其实 Android 系统提供了实现 C 语言层的 Binder…

OpenHarmony(鸿蒙南向开发)——轻量系统芯片移植案例(一)

往期知识点记录: 鸿蒙(HarmonyOS)应用层开发(北向)知识点汇总 鸿蒙(OpenHarmony)南向开发保姆级知识点汇总~ OpenHarmony(鸿蒙南向开发)——轻量系统芯片移植指南(一) Op…

Android系统dumpsys命令详解

文章目录 1. dumpsys 的工作原理2. 基本使用方法执行 dumpsys限制 dumpsys 的输出 3. 常见的 dumpsys 服务1. Activity Manager (activity)2. Battery Service (battery)3. Window Manager (window)4. Package Manager (package)5. Power Manager (power)6. Media DRM (media.d…

thucampday3 F. Choosing a Capital

题意&#xff1a;给你一个n个点的树&#xff0c;你要求出以第i个点为根&#xff0c;把边全部变成父亲到儿子的有向边&#xff0c;你可以添加不超过k条有向边&#xff0c;使得距离根的最大距离最小&#xff0c;你要求出每个点作为根的答案。 数据范围: 1<n*k<2e5 一道很…

原生js案例之面向对象的tab切换

思路&#xff1a;首先获取所有的Tab按钮和Tab内容区域&#xff0c;然后为每个Tab按钮添加点击事件监听器。当用户点击一个Tab按钮时&#xff0c;它会将该按钮设置为active&#xff0c;并将对应的Tab内容区域设置为active。其他的Tab按钮和内容区域则被设置为非active状态。这个…

Clickhouse使用笔记

clickhouse官方文档&#xff1a;https://clickhouse.com/docs/zh/sql-reference/data-types/decimal 一&#xff0c;建表 create table acitivity_user_record ( id String DEFAULT generateUUIDv4(), -- 主键自增 activityId String, userId String, userName Nullable(Strin…