登录社区云，与社区用户共同成长
邀请您加入社区
naive ui 创建的表格
本人在做微信分享前端部分的iOS、安卓和H5的页面和功能时踩了不少坑，于是写了这篇文章，内容包括微信分享在上面三个端接入的技术点和坑点、解决办法，微信开放标签的相关适配，以及ReactNative的特别处理部分。
大前端开发环境配置 macpro m1pro 、nvm、node、zsh、adb、homebrew、yarn、git、jdk
最近买了一本书,ReactNative开发原生应用,以前都是直接使用Kotlin开发,但是感觉自己是一个前端,不如用JS开发吧,然后就边看书边开发了,写了一个简单的语音天气APP,基本上该遇到的坑和功能都使用了,tips:应用很小,所以没有使用Redux.ReactNative和一些套壳的框架相比好多了,编译后是原生的代码,这个就是很有意思了,还能和原生混合开发.前排提示一个很坑的...
1.高德地图官网申请一个web平台key,和android平台key2.安装依赖yarn add react-native-amap-geolocationnpx react-native link react-native-amap-geolocationyarn add @react-native-community/geolocation3.项目app>src>app>An
react-native-qrcode-svg文档地址： https://www.npmjs.com/package/react-native-qrcode-svg.可以多看看文档，里面有很多属性，很详细。1.安装：yarn add react-native-svg react-native-qrcode-svg或者npm i -S react-native-svg react-native-qr
首先引入相关api，BackHandler 用于监听安卓设备上的后退按钮事件，设置firstTime默认为0，点击回退按钮，判断当前页面是否为最后一级页面，即没有其他历史页面，且当前时间与上一次点击回退的历史时间间隔大于2秒，则退出App。react-native开发Android App，实现回退键返回上一个页面，直至没有历史页面，提示“再按一次退出应用”这里注意，历史页面的记录，通过onSta
在升级过程中，发现react-native-scrollable-tab-view这个tab插件，这是一个tab导航栏插件，可以实现切换页面、页面滚动、下拉刷新、上拉加载更多等，功能还是很强大的，只是官方的版本已经很久没更新了，无法兼容react-native@0.72，但一时又找不到更好的插件代替，只能先试着改下源码兼容下新版本。还好在github上已经有人提出解决方案了，找出问题代码，改一下就
ReactNative的版本迭代太频繁，官方说的是React Native原则上每月发布一个新版本，且目前基本是向前不兼容的，导致项目升级很困难，各种依赖插件问题多多，下面是记录的升级中遇到的主要几个印象深刻的问题。升级：react-native@0.61.5到react-native@0.72.6、react-navigation4.x到react-navigation6.x、react16到r
在注入代码中用window.ReactNativeWebView.postMessage替换window.postMessage
完成上面信息如果还报错 请按照以下步骤。
1:npm install --save react-native-vector-icons2:react-native link react-native-vector-icons3:import Icon from “react-native-vector-icons/Ionicons”;
最近做了个App项目，基于react-native的，其中要设计一个底部的导航栏，就用到了react-navigation的bottom-tabs。最终发现是因为开启了手机的远程调试，关闭stopDebugging即可，因为这个远程调试可能会影响app的一些反应速度，但没想到会彻底点不动，坑呀！但在用真机调试时，点击tab按钮死活没反应，只偶尔能跳转页面，找了半天资料发现都不行。
又是一个react-native踩坑日常，今天说说如何在react-native中优化的使用阿里图标库。首先请求今天的两个主角1、阿里巴巴矢量图标库2、react-native-vector-icons初始化一个react-native项目npx react-native init iconTest --template react-native-template-typescript安装reac
解压后，将iconfont.ttf文件复制到android/app/src/main/assets/fonts文件夹下，如果不存在的话，则自己新建对应的文件夹，然后将iconfont.css放入项目中：/font/iconfont.css。4.在font目录下新建index.js，引入上一步生成的iconfont.js，创建字体组件，供页面调用。执行 npm run build:iconfont
简介当点击按钮跳转到新Modal或新Page上有文本框时，有时会希望可以在新页面加载完后输入框自动获得焦点，并唤起键盘。TextInput本身有autoFocus属性，可以在组件加载完成后获得焦点，但是键盘并不一定会弹出。解决方案取消textInput的autoFoucs获得要定位的TextInput的ref在componentDidMount函数中调用setTimeout方法，延时2...
reactnative连接夜神模拟器查看adb连接设备adb devices连接夜神模拟器夜神模拟器默认端口号为62001，如果修改过请按实际端口号连接adb connect 127.0.0.1:62001连接成功后运行rnreact-native run-android...
效果展示：注意：如果使用了scroll滚动插件，需要使用keyboardShouldPersistTaps="always"方法防止键盘阻止按钮被触发，上篇文章有介绍：https://blog.csdn.net/ywl570717586/article/details/102505241render中的简略代码：render () {const listItems = t...
reactnative 0.61.2版本在项目导入react-native-camera库后，启动报错，错误如下：error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/g.
ios app 信息获取首先到app store connect 查看自己的appid ， 假如是1234567则 获取ios app信息 https://itunes.apple.com/CN/lookup?id=1234567直接get请求获取信息，获取到的信息格式如下：{"resultCount": 1,"results": [{"version...
两个错误提示：ERROR: JAVA_HOME is set to an invalid directoryerror Failed to install the app. Make sure you have the Android development一、第一个没有找到JAVA_HOME, 需要重新配置1、配置JAVA_HOME2、CLASSPATH.;%JAVA_HOME%\lib\dt.
在IOS下运行会报错：requireNativeComponent: “FastImageView” was not found in the UIManager in react native。报错的原因是react-native-fast-image组件依赖的原生组件并没有包含在react-native里，使用前需要进行预构建。也可以不用后面的参数，直接prebuild，将安卓的原生代码库也一
最近调试授权bug相关问题，使用这个组件react-native-permissions，发现发起request授权，用户授权或取消没有回调；各种调试都没有办法解决。看下面代码import { check, request, PERMISSIONS, RESULTS, openSettings } from 'react-native-permissions';let result = ...
https://boostorg.jfrog.io/artifactory/main/release/1.76.0/source/boost_1_76_0.tar.bz2签名验证失败。
React Native Elements 是一个跨平台的 UI 组件库，提供了一组高度可定制的 UI 组件，帮助开发者快速构建移动应用的用户界面。React Navigation 是一个用于 React Native 应用的路由和导航库，提供了灵活的导航解决方案，适用于各种应用场景。Lottie 是一个用于加载和渲染 After Effects 动画的库。Lottie for React Nat
作为当今最流行的编程语言之一，Python凭借其简洁优雅的语法和强大的生态系统，在人工智能时代占据了举足轻重的地位。其丰富的库和框架，如TensorFlow、PyTorch、Scikit-learn等，为开发者提供了强大的工具支持，大大降低了人工智能技术的入门门槛。Python强大的数据处理和可视化能力，加上丰富的科学计算库，使得研究人员能够更高效地进行数据分析和模型构建，加速了科学发现的进程。P
通过Python脚本，用户可以自动化重复性任务，减少人为错误，并释放人力资源用于更具创造性的工作。对于企业和个人开发者而言，掌握Python自动化脚本编写技能，意味着能够以更低的成本实现更高的生产力，从而在竞争激烈的市场中保持优势。同时，Python的标准库提供了大量内置模块，如os用于操作系统交互，shutil用于文件操作，这些模块简化了自动化脚本的开发过程。这确保脚本的可靠性和可维护性，避免意
上一篇分享了 Flutter复杂列表开发与性能优化全攻略。那接下来这一篇,我想和大家分享一下在 React Native 中开发复杂列表的经验和心得。作为移动开发中最常见的 UI 组件之一,列表几乎出现在每一个应用中。然而,当列表变得复杂起来,包含各种不同的样式和交互时,如何进行高效的开发和优化,就成了一个值得深入探讨的问题。让我们开始这一场复杂列表开发和优化之旅吧！
在移动互联网的快速发展下，企业面临着多平台覆盖的需求，尤其是在iOS、Android和新兴的鸿蒙系统上。如何在保证用户体验的同时，提高开发效率、降低成本，并适应不同平台的特性，是每个开发团队都需要考虑的问题。本文将深入探讨在企业移动端开发中，如何根据不同的技术特点和业务需求，选择合适的开发框架，包括流行的第三方框架UniApp、Flutter、React Native、Taro，以及鸿蒙的一次开发
虚拟DOM在内存中维护一个轻量级的DOM树副本，通过比较虚拟DOM与真实DOM的差异，高效地更新浏览器中的DOM。通过Provider组件包裹应用，并在组件中使用connect函数或useSelector、useDispatch Hooks，可以在React组件中访问和更新Redux store中的状态。通过Provider组件包裹应用，并在组件中使用connect函数或useSelector、u
选择对应sdk版本然后点这里弹出对话框后点这里。
什么是WebView、WebView发展过程、WebView DevTools怎么用？如何调试WebView？
scheme 是一种页面之间跳转的协议，不仅可以用于app之间进行跳转，还可以用于 H5 页面跳转到app页面。通过scheme协议，服务器可以定制化告诉App跳转那个页面，可以通过通知栏消息定制化跳转页面，可以通过H5页面跳转页面等。无论Android还是IOS，都可以通过在H5页面中打开 scheme 协议的地址，从而打开本地app。苹果手机中的APP都有一个沙盒，APP就是一个信息孤岛，相互
1.前言读项目源码是一种非常好的学习方式,现阶段React Native还在高速的发展，版本迭代速度很快，同时入门学习的教程也比较少。因此查看阅读别人写的好的开源项目就非常重要，吸取精华。那本期就来给我大家推荐几个开源项目刚创建的React Native交流6群:426762904,欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩..
node_modules是整个项目的依赖，这么项目很大一般都是没有在git上面的需要 执行npm install下载，会按照package.json文件下载的，因为刚刚入门所以简单记录一下。rn现在用的是vscode开发的，在刚从git上面拉取下来的项目是不完整的缺少node_modules文件，react native简称rn。
react-native-sqlite-storage 版本 3.3.31.安装命令行进入到ReactNative项目根目录下执行npm install react-native-sqlite-storage --save 2.进行全局Gradle设置编辑 android/settings.gradle文件，添加以下内容include ':react-native-s...
详细描述：您的应用在用户同意隐私政策前申请获取用户的IMEI、设备ID个人信息/权限。 请参考《审核指南》第7.5相关审核要求：https://developer.huawei.com/consumer/cn/doc/50104 修改建议：请在用户同意隐私政策后再申请获取用户个人信息及权限。 相关法律及规定请参考《网络安全法》及《关于开展APP侵害用户权益专项整治工作的通知》 APP常见个
ReactNative使用websocket实现实时聊天与web端使用websocket的写法一样，直接newWebSocket就可以。我在github上找到了两个有关RN的websocket组件包（react-native-websocket和react-native-reconnecting-websocket），但是发现都是简单封装了原始websocket的API，并没有什么特殊的地方，所.
我在工作中使用 react native 已经 3 年了,但我还没有接触过文件系统。 最近我做了一个叫PreCloud: Encrypt before upload的应用程序,你可以用它加密文本和文件,然后你可以将加密的文本和文件上传到你想要的任何地方,使任何云提供商成为加密存储。它是免费的并且开源。试试看 :) 在这篇文章中,我将分享如何使用 React Native 管理文件。 使用的库 re
本文发表于 Fri Aug 05 2022 00:00:00 GMT+0000 (Coordinated Universal Time) byLaurin Quast@The Guild Blog 标题:“使用 GraphQL Codegen 释放片段的力量” 作者:劳林 标签: [graphql、codegen、react、typescript、relay、apollo、urql] 日期:20
本说明将帮助您了解如何将 typescript 添加到现有的 Create React App 项目并开始在 typescript 中编写新文件。我使用 npm 作为包管理器,但是使用 yarn 或其他方式对你来说不会有问题。 如果您不使用 Redux,则只执行编号为 1、2 和 7 的步骤。 主要步骤 让我们通过终端[1] 安装所需的包 npm i --save typescript @type
简介 SSR、ISR、CSR 和 SSG 被称为渲染模式,因为它们是 Web 应用程序相互渲染的不同方式。在本文中,我们将详细研究它们中的每一个,并讨论使用它们的 Web 技术/框架的类型。 企业社会责任 CSR 代表客户端渲染。这是一个将页面加载到客户端浏览器而不是服务器上的过程。 CSR 是一种呈现模式,其中浏览器向服务器发送请求,服务器通过发送一个空的 HTML 页面进行响应,其中仅包含对
您好,我和我的团队(https://bookingbucket.com)正在寻找一名初级开发人员来帮助在接下来的 3 个月内构建一些功能,同时我花一些时间在另一个项目上。您将获得高级软件工程师的支持,以指导、指导和进行代码审查。您还将获得有关如何在经验丰富的产品开发人员和业务负责人的指导下在小型初创公司工作的知识。 如果您喜欢我们并且我们也喜欢您,则有机会继续进行股权或支付或两者兼而有之。 津贴很
背景故事 几周前,在处理ReadShape时,我遇到了一个不太令人惊讶的问题。有些书没有封面。从来没有,永远不会。 这怎么可能?好吧,当你走进书店时,当然所有的书都会有封面,即使只是为了把所有的纸放在一起。但是我们生活在数字时代,任何人都可以在没有出版商的情况下出版一本书,在某些情况下,甚至不需要使用正确的语法。在这种情况下,您经常会遇到没有封面的书籍。 这产生了一个有些独特的问题。当然,您可以使
简介 随着网站和 Web 应用程序变得越来越复杂,有必要衡量和跟踪它们的整体质量,以便为您的客户提供无缝的浏览体验。尽管为此目的存在其他几个工具,但 Google Lighthouse 在 Web 开发人员中非常流行,主要是因为它是 Chrome DevTools 的一部分。 如果它作为 Chrome DevTools 的一部分不能满足您的需求,Google lighthouse 也可以作为 No
Anima 是 YC18 队列的一员,并在准备中为即将到来的采访开发了一个准备问题应用程序。该应用程序提供了一个培训环境,模拟了 10 分钟的 YCombinator 面试格式,我们为实际面试过程做准备。 试试现场演示 鉴于问答形式,该应用程序也成为一个有用的资源投资者会议。在收到希望使用该应用程序功能的公司的多次请求后,我们重新开发了它,以便可以将其作为开源应用程序共享。 如果您对 Amina
如果您一直在关注科技世界,您就会知道每隔几年就会出现新的热点。最新的是所谓的FARM 堆栈- FastAPI、React 和 MongoDB 的组合。在此基础上,我想宣布 FARR 堆栈,它有点太 FARRR,一个用于开发 Web 应用程序的新软件堆栈。 FARR 堆栈基于三个主要组件: 前端:ReactJS。 后端:FastAPI。 数据库:Redis。 为什么使用 FARR 堆栈?嗯,这些技术
你知道 React.js 是最受欢迎的 Web 框架,2021 年有 40.14% 的开发人员在使用它吗?虽然它在全球范围内被开发人员广泛使用,但开发人员会观察到某些错误。 useState set 方法错误就是与 React.js 中的状态管理相关的问题之一。因此,建议您聘请具有处理这些错误专业知识的 React 开发人员。让我们来看看这个错误以及相同的最佳解决方案。 图片来源:github.c
reactnative
——reactnative
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
MCP技术社区
魔乐社区
EazyDevelop社区
北京朝阳AI社区
HarmonyOS开发者社区
西安城市开发者社区
2048 AI社区
AI Agent技术社区
华为开发者空间
开源
React
CI/CD
Redis
