登录社区云，与社区用户共同成长
邀请您加入社区
1. 这个是原作者的导包错了, 换成import com.reactnativecomponent.amap.RCTAMapPackage;
AsyncStorage,使用非常简单:1. 导包:import { AsyncStorage,} from 'react-native';2.使用:(1) 存值:AsyncStorage.setItem("username",response.username);AsyncStorage.setItem("password",response.pas
ReactNative的版本迭代太频繁，官方说的是React Native原则上每月发布一个新版本，且目前基本是向前不兼容的，导致项目升级很困难，各种依赖插件问题多多，下面是记录的升级中遇到的主要几个印象深刻的问题。升级：react-native@0.61.5到react-native@0.72.6、react-navigation4.x到react-navigation6.x、react16到r
因为react-native把WebView移出去了现在用第三方包。
在学习React Native的是后构建项目遇到了一个错误unable to load script...解决办法:1.在项目目录/android/app/src/main下建一个文件夹assets2.在项目目录下运行react-native bundle --platform android --dev false --entry-file index.android.js --
静态文本：“Text组件”作为最基础的文本组件，我们经常会在其上遇到这样的需求，一串文本信息，提取部分关键字改变其样式，比如高亮颜色改变等等。比如实现：“我已阅读并同意《使用协议》和《隐私条款》。”通过嵌套Text组件可以很轻松实现。<Text style={{ fontSize: 12, color: 'gray' }}>我已阅读并同意<Text style={{ color:
文章目录亮点重大更新其他更新和修复可选的新架构官方网站的更新亮点重大更新ReactNative升级Node 16, 此更改意味着用户现在需要使用 Node >= 14 的版本Android Gradle插件升级至7.0.1，强制使用JDK 11进行Android build移除了iOS ApiRCTBundleURLProvider中的fallbackResource相关工具类的更新：@re
错误一：SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable解决报错的方法：从已有的androidStudio根目录中，复制一份local.properties到react-nativ...
React Native Image Picker React Native Image Picker 是一个用于在 React Native 应用中选择图像的组件库，它封装了原生的图像选择器，并且提供了一些额外的功能和设置选项。React Native Webview React Native Webview 是一个用于在 React Native 应用中显示 Web 内容的组件库，它封装了原生
用RN的Animated做一个简单的加载中动画加载中 是APP中很常见的一种交互，自己也是刚入手React Native，加载列表的时候需要一个loading状态，那我们就开始吧。首先撸一遍思路首先，在ReactNative中要使我们的loading图标允许动画，我们可以使用 createAnimatedComponent() 创建的组件加载我们的图标，或者直接使用Animate...
此文档虽然说是m1上搭建的，但是感觉应该同样适用于不是m1芯片的Mac第一步：首先官方文档给出的是先安装Homebrew这个东西，如果你是Mac的老用户那么你知道这个是干啥的，但是很多像我一样Mac的新用户可能就不知道这个是什么鬼，其实这个就和node的功能一样，node提供一个npm，homebrew提供一个brew都是用来安装其他的包的一个工具；这个我早就装好了的；第二步：参考： Mac M1
React Native Elements](https://github.com/react-native-elements/react-native-elements) 是一个跨平台的 React Native UI 工具包，包含了许多常用的 UI 组件，旨在简化 UI 开发过程。[React Native Camera](https://github.com/react-native-cam
环境“react-native”: “0.57.8”问题执行命令：react native run-android 出现找不到符号NonNull/Nullable/RequiresApi找到问题所在的类发现都默认导入androidx.annotation下的类；因项目未适配androidx，所以理论上不应该出现这种问题问题原因因为npm install导致依赖的sdk版本未锁定，使用了适配andr
ios app 信息获取首先到app store connect 查看自己的appid ， 假如是1234567则 获取ios app信息 https://itunes.apple.com/CN/lookup?id=1234567直接get请求获取信息，获取到的信息格式如下：{"resultCount": 1,"results": [{"version...
常规方法遇到的问题：中间文字不能居中。我本意是想自己写一个标题栏，中间是文字，右边是图标，左边没有内容。常规想法是写一个View做标题栏的容器，里面有一个文本控件，一个图片控件，再对相应的控件做居中和向右对齐，但是在相对布局中发现没有这种属性可以支持。 常规方法还是一个容器组件中有一个空View组件为占位视图，一个文本控件，一个图片控件，再在容器组件中使用样式justifyContent为sp
ReactNative For Android 之二：基本组件和API一.基本组件1.DrawerLayoutAndroid2.Image3.ListView4.Navigator5.ProgressBarAndroid6.PullToRefreshAndroid7.ScrollView8.TextInput9.ToolbarAndroid10.ViewPagerAndroid11.Touchab
ReactNative For Android 之六：组件生命周期一.周期方法二.基本流程一.周期方法getDefaultProps:在组件类创建的时候调用一次(一般app启动时会加载组件类),里面返回的对象是定义的props的初始值,没有被覆盖时就是用这个默认值;返回的props对象是该组件的props(共用内存空间),每次用到该组件都有这些props的默认值;不能通过thi...
ReactNative For Android 之三：工程结构一.目录二.入口三.入口文件四.创建组件(参考上面例子)一.目录初始化项目后会自动带有android文件夹：android项目文件夹ios文件夹：ios项目文件夹node_modules：源码index.android.js:android的js入口文件index.ios.js:ios的js入口文件...
目录零、开场白一、生成bundle文件新建bundle目录进入项目目录二、在Xcode中集成Xcode打开项目引入离线包设置AppDelegate.m文件修改debug状态三、异常处理==编译报错，提示“'React/RCTBundleURLProvider.h' file not found”====报错“Signing for "qbank_rn" requ
前端开发是离用户最近的工程领域，需要在开发时间和体验上不断作出选择和权衡， 就像著名的论断 “php是最好的计算机语言"一样， js也能依靠(node, react native)一统天下.我们都想要一个统一的框架搞定一切.而目前的情况是即便是同一个app的界面， 我们也在糅合这些不同的框架， 用来快速迭代，适应变化。最近抽了点时间把app开发领域人气比较高的框架凑到了一块而，对比体会了...
最近买了一本书,ReactNative开发原生应用,以前都是直接使用Kotlin开发,但是感觉自己是一个前端,不如用JS开发吧,然后就边看书边开发了,写了一个简单的语音天气APP,基本上该遇到的坑和功能都使用了,tips:应用很小,所以没有使用Redux.ReactNative和一些套壳的框架相比好多了,编译后是原生的代码,这个就是很有意思了,还能和原生混合开发.前排提示一个很坑的...
效果展示：注意：如果使用了scroll滚动插件，需要使用keyboardShouldPersistTaps="always"方法防止键盘阻止按钮被触发，上篇文章有介绍：https://blog.csdn.net/ywl570717586/article/details/102505241render中的简略代码：render () {const listItems = t...
React Native因为项目上的需求，要调研下React Native，参考react-native搭建开发环境安装按官网的介绍，先安装node，因为我之前安装过node，导致一直报错，没办法，先把homebrew卸载了，再重新安装卸载Homebrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.co...
ReactNative For Android 之一：环境搭建一.ReactNative官方文档二.环境搭建三.调试四.升级版本一.ReactNative官方文档英文:https://facebook.github.io/react-native/docs/getting-started.html中文:http://reactnative.cn/docs/android-setup....
1、安装node watchmanbrew install nodebrew install watchman安装完成后修改下npm镜像，参考链接npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://registry.npm.taobao.org/ -...
React Native Firebase 是 Firebase 的 React Native 封装，提供了 Firebase 的所有功能，如身份验证、数据库、存储等。React Native Elements 是一个跨平台的 React Native UI 工具包，提供了丰富的 UI 组件，帮助开发者快速构建应用。React Native Vision Camera 是一个高性能的相机库，提供了
123456
BottomNavigationBar 是用于实现底部导航栏的组件，适用于具有多个页面或功能的应用，例如社交媒体、购物应用等。用户可以通过底部导航快速切换不同的页面或视图。本文将介绍 BottomNavigationBar 的基本用法、主要属性以及自定义样式。
reactnative搭建过程记录
最近调试授权bug相关问题，使用这个组件react-native-permissions，发现发起request授权，用户授权或取消没有回调；各种调试都没有办法解决。看下面代码import { check, request, PERMISSIONS, RESULTS, openSettings } from 'react-native-permissions';let result = ...
AppBar 是 Flutter 提供的顶栏组件，通常用于应用的导航栏，包含标题、返回按钮、菜单等功能。AppBar 结合 Scaffold 使用，能够增强用户体验，提供一致的导航交互。本文将介绍 AppBar 的基本用法、主要属性及自定义方式。
最近在写公司的项目，因产品设计需求，需要类似如下的效果，像是一个时间轴本着不重复造轮子的目标，在最喜欢的github上找寻合适的组件，终于发现了一个非常棒的组件：react-native-step-indicator使用就非常简单了第一步，添加组件依赖,这里墙裂建议大家使用yarn管理项目依赖yarn add react-native-step-indicator第二步，在需要的页面...
一.React-Native生命周期说到生命周期，大家大概也能想到就是创建、销毁、状态改变。RN的组件就是一个状态机。它接收两个输入参数：props和state，返回一个Virtual DOM。和Native一样，RN也为我们提供相应的钩子函数。RN的状态变化取决于props和state。我们先来看一张经典图。这张图涵盖了一个组件从创建、运行到销毁的整个过程。大家可以看到，初始化...
1.React Native相对于原生的ios和Android有哪些优势？1.性能媲美原生APP2.使用JavaScript编码，只要学习这一种语言3.绝大部分代码安卓和IOS都能共用4.组件式开发，代码重用性很高5.跟编写网页一般，修改代码后即可自动刷新，不需要慢慢编译，节省很多编译等待时间6.支持APP热更新，更新无需重新安装APP缺点：内存占用相对较高版本还不稳定，一直在更...
在移动互联网的快速发展下，企业面临着多平台覆盖的需求，尤其是在iOS、Android和新兴的鸿蒙系统上。如何在保证用户体验的同时，提高开发效率、降低成本，并适应不同平台的特性，是每个开发团队都需要考虑的问题。本文将深入探讨在企业移动端开发中，如何根据不同的技术特点和业务需求，选择合适的开发框架，包括流行的第三方框架UniApp、Flutter、React Native、Taro，以及鸿蒙的一次开发
Visual Studio Code 提前安装好1.NodeJs安装与环境配置step1:官网下载路径:https://nodejs.org/en/download/ 完成安装step2 :再次点击安装包选如下图注入环境配置step3:打开“我的电脑”，右击“属性”step3:找到电脑安装NodeJs 目录新建两个文件夹。（保持与NodeJS 相同目录，有的文章建议放在其他磁盘。可实际使用时候出现
React端环境:开发工具：VS Code代码编辑器运行环境：Node.js(版本需v14以上)辅助工具：Watchman(文件监控工具)包管理：npm(建议使用淘宝镜像加速)Native端环境:Android开发：Android StudioiOS开发：Xcode真机或者模拟器。
本人在做微信分享前端部分的iOS、安卓和H5的页面和功能时踩了不少坑，于是写了这篇文章，内容包括微信分享在上面三个端接入的技术点和坑点、解决办法，微信开放标签的相关适配，以及ReactNative的特别处理部分。
本文主要针对常用跨端技术Flutter、ReactNative、Weex、H5，从技术特点、基本架构、编译原理、基本渲染流程等进行梳理分析；以及一些常见性能问题如何优化解决，然后如何进行技术选型或在进行业务开发时选择不同技术栈的逻辑是什么。...
React Native Elements 是一个跨平台的 UI 组件库，提供了一组高度可定制的 UI 组件，帮助开发者快速构建移动应用的用户界面。React Navigation 是一个用于 React Native 应用的路由和导航库，提供了灵活的导航解决方案，适用于各种应用场景。Lottie 是一个用于加载和渲染 After Effects 动画的库。Lottie for React Nat
之前写过一个react axios 交互的简单笔记，公司其他项目需要加入验证服务器，作为一个小白，便于翻看代码回忆，也是方便有需求的web开发参考，下面内容可能写的不好，也不一定很符合您的需求，不过大体的意思就是这样，存在一些问题，错误之处还请指出，大家理解万岁。如果想看看更多的axios的笔记可以去我的react-axios笔记去学习，今天这个主要说token。验证服务器：oauth2简...
原文链接：https://facebook.github.io/react-native/blog/2019/09/18/version-0.61快速刷新在React Native的社区中关于最常见的痛点问题中，有一个最多的回答是“hot reloading”-热加载功能不能用了。在我们编写函数组件的时候不能正常工作，经常无法无法更新屏幕，也不能对拼写错误和错误做出正确的反映。因为这个功能不可..
flutter3.19.x仿抖音教你开发商业级APP接入字节跳动穿山甲广告//穿山甲广告 Android appid 必填//穿山甲广告 ios appid 必填//使用TextureView控件播放视频,默认为SurfaceView,当有SurfaceView冲突的场景，可以使用TextureView 选填//appname 必填//是否允许sdk展示通知栏提示 选填//是否在锁屏场景支持展示广
本项目是一个基于 React Native + Expo + EAS 的跨平台移动应用，主要特点：- **技术栈**: React Native + Expo SDK 50+- **路由**: Expo Router (基于文件系统的路由)- **构建**: EAS Build (Expo Application Services)- **更新**: EAS Update (热更新系统)- **多
上一篇分享了 Flutter复杂列表开发与性能优化全攻略。那接下来这一篇,我想和大家分享一下在 React Native 中开发复杂列表的经验和心得。作为移动开发中最常见的 UI 组件之一,列表几乎出现在每一个应用中。然而,当列表变得复杂起来,包含各种不同的样式和交互时,如何进行高效的开发和优化,就成了一个值得深入探讨的问题。让我们开始这一场复杂列表开发和优化之旅吧！
又是一个react-native踩坑日常，今天说说如何在react-native中优化的使用阿里图标库。首先请求今天的两个主角1、阿里巴巴矢量图标库2、react-native-vector-icons初始化一个react-native项目npx react-native init iconTest --template react-native-template-typescript安装reac
组件生命周期详解组件生命周期基础知识组件，又名控件，是一段独立可复用的代码。在React Native应用开发中，组件是页面最基本的组成部分。和React的组件一样，RN的组件也有自己的生命周期。在RN应用开发中，组件的生命周期指组件初始化并挂载到虚拟DOM为起始，到组件从虚拟DOM卸载为终结的整个过程，整个生命周期如图所示。如图可知，rn组件的生命周期大体可以分为3个阶段，即挂载、更新和卸载。其
reactnative
——reactnative
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
开源鸿蒙跨平台开发者社区
