React-Native

React Native中AsyncStorage 在iOS/Android中的存储位置

React-Native开发与原生开发
_海角_·2024-01-07 20:52

连接模拟器红屏

用vscode打开react-native工程，启动react-nativestart指令后，模拟器报红，我用的是androidstudio里的模拟器，如图image.png突然就这样，有时能出来有时出不来
王善良_·2024-01-06 18:57

react-native 用android studio运行报错unable to load script make sure you're either running a metro ser...

原因：index.android.bundle这个文件是否存在解决方案：1.项目中在android/app/src/main/创建文件夹assets2.react-native项目中运行命令react-nativebundle--platformandroid--devfalse--entry-fileindex.android.js--bundle-outputandroid/app/src/m
青梅煮酒_L·2024-01-06 17:39

react-native 关闭软键盘需要点击两次才能触发事件解决方法

软键盘消失，焦点依然还在textInput中导致需要点击两次按钮，监听软键盘的消失方法，然后在消失方法里面，再一次调用软键盘消失方法constdismissKeyboard=require('dismissKeyboard');//引入componentWillMount(){this.keyboardDidShowListener=Keyboard.addListener('keyboardDi
丿一丨丿丶丨一·2024-01-04 16:05

React-native React Native使用SectionList打造城市选择列表，包含分组的跳转

地址https://www.jianshu.com/p/09dd60d7b34fgitHub项目地址https://github.com/hzl123456/SectionListDemo
米亚流年·2024-01-04 05:59

React-Native WebView组件的使用

WebView组件的属性1.allowFileAccess：布尔值，设置是否WebView有权访问文件系统。默认值为false（Android）；2.geolocationEnabled：是否允许获取地里位置（android）；3.source：在WebView中载入一段静态的html代码或是一个url（还可以附带一些header选项）。注意如果是载入html代码，则需要设置originWhite
senior高·2024-01-03 14:33

如何新建react-native项目

创建项目我这里使用的是官方提供的react-native-cli即react-nativeinitnewProject--version0.57.0新项目当然是使用最新版本了，react-native从低版本向上升级真的是痛苦
mah93·2024-01-02 03:28

ReactNative开发之DeviceEventEmitter

在页面A中进行注册：import{DeviceEventEmitter}from'react-native';//注册这个监听事件componentDidMount(){DeviceEventEmitter.addListener
漂泊_sbb·2024-01-01 10:08

React-native AsyncStorage

参考文章：https://reactnative.cn/docs/next/asyncstorage.html
AlanGit·2024-01-01 07:24

react-navigation自定义header

react-nativeimportReactfrom'react'import{SafeAreaView,ScrollView,Text,View,Image,StatusBar,NativeModules,useColorScheme,Platform,}from'react-native
莫伊剑客·2024-01-01 05:18

fix react-native @expo problem with create-react-native-app

初始化项目时的问题$create-react-native-appAwesomeProject通过上面的命令出现下面的错误：[1/4]Resolvingpackages...warningreact-native-scripts>xdl>auth0>rest-facade>superagent-proxy>proxy-agent>socks-proxy-agent>[email protected]:Ifu
Wang's Blog·2023-12-31 09:33

Failed to install the following Android SDK packages as some licences have not been accepted

image.pngDOWN下来的react-native项目报错，FailedtoinstallthefollowingAndroidSDKpackagesassomelicenceshavenotbeenaccepted
vivianXIa·2023-12-30 03:38

react-native 与HTML交互

使用框架react-native-webview安装react-native-webviewyarnaddreact-native-webview在放在根目录下，创建一个.bundle文件，将html、静态资源、css放到bundle里面如图截屏2022-10-2414.41.03.png截屏2022-10-2414.41.15.png1.引入importWebViewfrom'react-nat
笑语解愁苦·2023-12-30 02:49

DeviceEventEmitter在RN内的发送和接受消息

例如：A页面注册通知：import{DeviceEventEmitter}from'react-native';//…//调用事件通知DeviceEventEmitter.emit('xxxName’,
颤抖的闪电·2023-12-29 21:03

react-native-swipe-list-view组件使用分析

一、前言react-native-swipe-list-view是一个具有侧滑功能的react-native的组件，下面的这篇文章是以翻译官方文档和结合自己的项目所写，不过主要内容是对官方文档的翻译。
zyc_在路上·2023-12-28 23:07

React-Native-顶部导航栏实现

版本环境：react-native：0.60.5react-navigation：4.0实现需要的第三方库（之前实现底部导航栏时已添加）：react-navigation，react-navigation-tabs
油菜又矮吹·2023-12-28 20:34

react-native与原生iOS的交互

参考文档：https://www.reactnative.cn/docs/native-modules-ios有时候App需要访问平台API，但ReactNative可能还没有相应的模块封装；或者你需要复用Objective-C、Swift或C++代码，而不是用JavaScript重新实现一遍；又或者你需要实现某些高性能、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。我们把ReactN
笑语解愁苦·2023-12-25 05:40

React-Native实践总结

React-Native分析RN的优点:页面热更新RN页面不需要移动端发版本纯web思维，开发速度快,且体验优于h5,第三方插件也比较多部分功能代码实现一端开发多端共用(“Learnonce，writeanywhere
wesk痕·2023-12-25 02:58

VSC（Visual Studio Code）好用插件推荐

ES7+React/Redux/React-Native/JSsnippets提供自动补全和快捷代
我是火山呀·2023-12-24 14:19

Error: ENOSPC: System limit for number of file watchers reached

react-native使用yarn管理工程，yarnbuild是没有问题的，但是在运行yarnstart的时候，出现了这个错误大概的意思就是说系统对文件监控的数量已经到达限制数量了Ubuntu修改系统对文件监控的数量的方法如下
忘川丿·2023-12-22 07:16

React-Native环境搭建各种问题处理

最近打算入门学习react-native的开发，但是在环境搭建时候出现了各种问题。在这里跟大家分享下我踩过的各种坑。
唐吉坷德·2023-12-22 06:40

搭建react-native开发环境（iOS）

注：以下步骤在终端中完成1.安装home-brew/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"2.安装nodebrewinstallnode有可能会出现以下错误：Error:Thefollowingdirectoriesarenotwritablebyyo
微笑的蛋壳哈·2023-12-22 06:09

React-Native: iOS环境搭建

英文文档Settingupthedevelopmentenvironment·ReactNative中文文档搭建开发环境·ReactNative中文网新建项目在访达找个位置存放项目(我这里存放在React-Native
你怎么看不见我。·2023-12-22 06:08

React-native 环境搭建，初次运行红屏问题解决

1环境搭建官方中文网参考官方说明，新增的环境变量截图如下D:\WorkSpace\bxf\Python\Python2.7.15\Scripts;D:\WorkSpace\bxf\Python\Python2.7.15\Tools\Scripts;D:\ProgramFiles\nodejs\;D:\AndroidSDK\platform-tools2华为手机开发者模式连接下载安装“华为手机助手H
Alice爱俪丝·2023-12-22 06:38

Mac中react-native 环境的搭建、react-navigation路由 环境搭建、react-native-vector-icons 安装图标

react-native环境的搭建全局安装sudonpmiwatchmanreact-native-cli-g2.构建项目react-nativeinit+项目名安装过程中勾选gemcocospods…
LX_敲代码不用手·2023-12-22 06:38

React-native安装发布流程Android篇

一、环境搭建1、安装依赖：必须安装的依赖有：Node、JDK和AndroidStudio。2、Node、JDK安装Node>=12；JDK=1.83、YarnYarn是Facebook提供的替代npm的工具，可以加速node模块的下载。安装命令：npminstall-gyarn4、AndroidStudio下载地址：DownloadAndroidStudio&AppTools-AndroidDev
myang，就这样·2023-12-22 06:07

React-Native环境搭建（IOS）

系列文章目录React-Native环境搭建（IOS）目录系列文章目录前言一、IOS环境搭建前置说明二、环境搭建步骤1.Homebrew安装2.安装Xcode3.Node4.watchman5.CocoaPods
mapbar_front·2023-12-22 06:32

ios模拟器 cmd+r 不能刷新

问题描述：在调试react-native的app时，发现cmd+r不能刷新app（debug版本）；并且也不能使用键盘输入内容！
halo1416·2023-12-21 09:31

react-native ios端真机调试 打包与发布

最近做了一个项目，用的react-native开发的ios项目。由于自己没有oc基础，所以该项目几乎全用js写得。
carry杰·2023-12-21 07:44

React Native 学习手记（四）

组件处理文本输入onChangeText监听输入变化importReact,{Component}from'react';import{AppRegistry,Text,TextInput,View}from'react-native
NiuLinguo·2023-12-20 23:12

react-native-debugger查看网络请求2022-01-23

把node_modules/react-native/libraries/core/setUpXHR.js文件中的polyfillGlobal('XMLHttpRequest',()=>require
黎落_50c3·2023-12-20 15:40

react-native利用百度地图SDK实现管道的采集

一、效果图二、具体实现步骤1、安装react-native-baidu-mapnpminstallreact-native-baidu-map2、查看百度地图sdk的文档通过参数配置，可选择定位模式、可设定返回经纬度坐标类型、可设定是单次定位还是连续定位主要配置option.setLocationMode(LocationMode.Hight_Accuracy);//可选，设置定位模式，默认高精度
八分钟de温暖·2023-12-20 13:21

react-native页面间传递数据的几种方式

图片描述1.利用react-native事件DeviceEventEmitter监听广播应用场景：-表单提交页面，A页面跳转到B页面选人，然后返回A页面，需要将B页面选择的数据传回A页面。
语茶山舍·2023-12-20 01:01

react-native bug -- xcrun error SDK "xx" cannot be locateed 解决

react-nativebugxcrunerrorSDK"xx"cannotbelocateed解决os:macos10.14.1错误：checkingwhethertheCcompilerworks...noxcrun:error:SDK"iphoneos"cannotbelocatedxcrun:error:SDK"iphoneos"cannotbelocatedxcrun:error:SDK
柯南_e12b·2023-12-19 17:23

React-Native 中自定义checkbox组件

这次给大家分享一下React中ListView这个组件以及全选和单选按钮的封装使用。当然核心部分还是讲解自定义封装的checkbox组件！React有一个优势就是组件的复用性特别高，在原生组件中，官方并没有向我们提供checkbox这样的多选或单选的组件，因此需要我们自己去封装。https://github.com/crazycodeboy/react-native-check-boxhttp:/
barnett_y·2023-12-18 22:30

React-Native 打包时候资源重复Error: Duplicate resources 解决方案

1.现象如下:image.png2.如何解决:找到react.gradleimage.png加入这一坨代码:image.pngdoLast{defmoveFunc={resSuffix->FileoriginalDir=file("$buildDir/generated/res/react/release/drawable-${resSuffix}");if(originalDir.exists(
城东那个小丑·2023-12-18 21:18

聊聊React-Native 、Weex、QT Mobile和Flutter跨平台技术

1、跨平台技术简介跨平台技术主要为三类：H5+原生（Cordova、Ionic、微信小程序）JavaScript开发+原生渲染（ReactNative、Weex、快应用）自绘UI+原生(QTformobile、Flutter)2、Hybrid技术简介2.1H5+原生混合开发这类框架主要原理就是将APP的一部分需要动态变动的内容通过H5来实现，通过原生的网页加载控件WebView(Android)或
ocean1010·2023-12-18 03:19

2020-11-27 解决背景透明字体透明，模糊组件，小写转大写，调起手机震动，标红显示关键字

（一）背景透明字体透明react-native背景使用opacity设置透明度，字体也透明问题example:{background:‘#ffffff’,opacity:0.1}若使用上面样式字体也会透明则使用下面这种写法可解决
蒙面浅浅笑·2023-12-17 18:00

panResponder详解及Demo

我们知道，react-native封装了一系列的组件例如来提供触摸事件的反馈，另外Button、Text等组件也提供了简单的点击方法来给组件快速添加触摸事件。
阿飞正传的阿飞·2023-12-16 11:48

4.RN将数据存储到本地19-11-19

,{Component}from"react";import{View,Image,TouchableOpacity,Button,Text,AsyncStorage,TextInput,}from"react-native
你坤儿姐·2023-12-16 06:03

react-native 最新版 删除x86配置

针对不同的CPU架构生成APK以减小APK文件的大小默认情况下，生成的APK会同时包含针对于多种CPU架构的原生代码。这样可以让我们更方便的向其他人分享这个APK，因为它几乎可以运行在所有的Android设备上。但是，这会导致所有设备上都有一些根本不会运行的代码，白白占据了空间。目前安卓设备绝大多数是ARM架构，因此对于大部分应用来说可以考虑去掉x86架构的支持（但是请注意模拟器大部分是x86架构
wakangda·2023-12-15 16:12

分享一个 React-Native 气泡球组件章

github地址分享一个ReactNative气泡球组件，球在屏幕内按照随机速度移动，球可以由图片和生成。特征：1.球的数量可配置2.球的大小可配置3.球的速度可配置4.样式可配置效果如下：
d28ee3f95972·2023-12-15 02:42

react-native 修改.gitignore 文件配置后不起作用解决方法

新建的文件在git中会有缓存，如果某些文件已经被纳入了版本管理中，就算是在.gitignore中已经声明了忽略路径也是不起作用的，这时候我们就应该先把本地缓存删除，然后再进行git的push，这样就不会出现忽略的文件了。git清除本地缓存命令如下：1.gitrm-r--cached.2.gitadd.3.gitcommit-m'update.gitignore'------------------
LebranD·2023-12-06 19:20

react-native知识点记录

一、数据+状态方案记录页面发起actionsstore中掉接口接口通过api封装，非交互数据请求到后做model处理（仅部分数据做了）model后的数据通过reducer存入state通过connect将state按需注入页面形成闭环，首屏数据统一存入state，api和action结合，页面注入和触发，形成前端小范围mvc结构二、罗列知识点基本知识react的jsx写法es6,7用法react-
王逵_e9b3·2023-12-06 17:54

工作备忘录【react-native】

react-native关闭全部黄色警告index.js0.63之后/***@format*/import{AppRegistry,LogBox}from'react-native';importAppfrom
疯癫居士·2023-12-06 10:08

Rn_下拉菜单

react-native里如何做到绝对定位呢?
赵羽珩·2023-12-05 16:26

React和React native

其实，关于这两者还是有很大区别的，但是现实中，还是往往会弄错，以为他们两差不多，其实还是挺多的reactjs这个是需要webpack之类的东西，然后安装相关的依赖，才能运行在web浏览器中react-native
夏夏夏夏顿天·2023-12-05 11:23

react native WeekCalender 周日历 上一周 下一周

image.pngimportReact,{Component,Fragment}from'react'import{StyleSheet,Text,View,TouchableOpacity,Dimensions}from'react-native'importmomentfrom'moment'constweekTitle
tomorrow_chen·2023-12-05 08:01

Taro开发体验

使用Taro，我们可以只书写一套代码，再通过Taro的编译工具，将源代码分别编译出可以在不同端（微信/京东/百度/支付宝/字节跳动小程序、快应用、H5、React-Native等）运行的代码。
JayLiang·2023-12-05 07:26

cordova详解

从八个方面让你快速了解cordova（一）-掘金从八个方面让你快速了解cordova（二）-掘金Cordova和React-Native两种框架的区别和优劣分析_cordova和reactnative-CSDN
lanxuan1993·2023-12-05 03:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他