React-Native技术篇第4页

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

认识Docker

大家好，这里是七七，今天起开起我们的Docker技术篇，本文是介绍Docker的，不介绍如何使用和安装Docker，只是单纯的介绍Docker。

七七喝椰奶·2023-12-29 19:01

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

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

zyc_在路上·2023-12-28 23:07

三年Java开发的技术职业规划

技术篇作为一个技术开发人员，技术肯定是要首屈一指的，所以在2024年内，会继续加深技术上的能力，不仅仅在于广度，还要

SoftwareDevOps·2023-12-28 23:46

React-Native-顶部导航栏实现

版本环境：react-native：0.60.5react-navigation：4.0实现需要的第三方库（之前实现底部导航栏时已添加）：react-navigation，react-navigation-tabs

油菜又矮吹·2023-12-28 20:34

2022复盘&2023规划（技术篇）

2022复盘&2023规划（技术篇）说明：以下是我对我自身知识掌握度的分级解释Lv0简单了解技术点的应用场景Lv1前端：掌握基础知识，能进行简单组件的开发与页面绘制；后端：掌握知识点基础，能结合网络搜索进行简单的运用

·2023-12-28 15:17

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

数据库课程总结--人大-中国mooc

LeeMin_Z·2023-12-22 09:30

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

React-Native 项目修改默认端口号

进入项目目录的/MyReact/node_modules/react-native/local-cli/server文件夹下找到“server.js”文件打开后搜索8081然后改为8082或其他修改iOS

跃文·2023-12-04 17:02

react-native技术难点与亮点

记录在数字化矿山react-nativeApp项目上所使用的知识点文章目录1，宽度自适应表格实现2，新建作业手势动画3，tabBar中间midTabBar动态展示4，堆料图实现5，语音识别实现6，待办事项上下滑动切换页面7，装料卸料手势冲突8，首页初始化性能9，使用高德地图的地图覆盖物功能10，复杂表格的交互绘制1，宽度自适应表格实现分析：1,需要内容宽度上自适应，高度上可分页滑动。2,标题栏宽度

流星雨在线·2023-12-04 13:34

react-native(五)select下拉框组件及动画效果

动画效果分四步使用组合动画需要注意要创建多个newAnimated.Value(0)1、导入Animated2、创建动画组件Animated.ImageAnimated.ScrollViewAnimated.TextAnimated.View3、创建动画方法Animated.timing(startvalues[index],{toValue:1,duration:300}).start()4、触

风痕依旧·2023-12-04 09:18

react-native实践日记--4.react-native Android回退键，再按一次退出应用

react-native开发AndroidApp，实现回退键返回上一个页面，直至没有历史页面，提示“再按一次退出应用”首先引入相关api，BackHandler用于监听安卓设备上的后退按钮事件，设置firstTime

戴花环的蜗牛·2023-12-04 04:44

React-Native设置opacity 会导致子视图继承该属性

在给view设置opacity时，view上的子视图同时会继承opacity属性，导致出现一些问题。解决方案使用#RRGGBBAA或者rgba(xx,xx,xx,xx)这种格式来设置颜色值的透明度，而不是使用opacity属性。比如：使用rgba(255,255,255,0)此时为透明色，rgba(255,255,255,1)则为白色为何会出现这种情况，得从opacity属性和alpha通道来讲。

_海角_·2023-12-04 00:01

react-native实践日记--6.ReactNative 项目版本升级，0.61到0.72升级的问题记录（二）

接上一篇，ReactNative项目升级，0.61到0.72的升级问题。在升级过程中，发现react-native-scrollable-tab-view这个tab插件，这是一个tab导航栏插件，可以实现切换页面、页面滚动、下拉刷新、上拉加载更多等，功能还是很强大的，只是官方的版本已经很久没更新了，无法兼容[email protected]，但一时又找不到更好的插件代替，只能先试着改下源码兼容下新

戴花环的蜗牛·2023-12-03 09:13

react-native实践日记--5.ReactNative 项目版本升级，0.61到0.72升级的问题记录（一）

ReactNative的版本迭代太频繁，官方说的是ReactNative原则上每月发布一个新版本，且目前基本是向前不兼容的，导致项目升级很困难，各种依赖插件问题多多，下面是记录的升级中遇到的主要几个印象深刻的问题。升级：[email protected]到[email protected]、react-navigation4.x到react-navigation6.x、react16到re

戴花环的蜗牛·2023-12-03 09:42

react-native GPS、高德、百度坐标系转换

参考来自https://blog.csdn.net/qq_35125764/article/details/106647261验证转换数据是否正确：http://old.openluat.com/GPS-Offset.html新建GPS.js(直接复制即可，不用修改什么)//地图坐标系转换varGPS={PI:3.14159265358979324,x_pi:3.14159265358979324

物联白菜·2023-12-02 02:26

推荐频道

React-Native技术篇