React-Native技术篇第6页

React-Native环境搭建流程

React-Native环境搭建流程React-Native:0.63,React:17.0对应系统对应不同环境：Mac->Xcode，Windows->AndroidStudio，RN->VSCode

贺知叶·2023-10-29 14:43

react-native macOs 自己搭建开发环境纪实 Android 环境

react-native好用，环境难搭，最近几天被搭建环境的事情搞的焦头烂额，还好最后也是搭建完成了。期间遇到了各种坑，虽然最后都趟过去了，可是能记住的很少。

励志做厨师的程序员·2023-10-29 14:09

react-native开发环境搭建

本篇介绍一下react-nativewin7下的开发环境搭建，力求简单明了，网上也有很多关于这方面的教程，不过总感觉不够精简，有的步骤感觉没太大必要，过于繁琐，反而会误导初学者，对于react-native

大漠-孤烟·2023-10-29 14:06

react-native环境搭建

1、安装Xcode、安装Webstorm（wb永久使用激活码网上有）2、安装Homebrew，如果官网装不了（网差），就用Homebrew国内地址（如下）：/bin/zsh-c"$(curl-fsSLhttps://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"拷贝到终端，执行3、安装npm和Node.js（先到Node官网安装Node，n

caicai07130·2023-10-29 08:50

react-native集成极光推送

安装‘npminstalljpush-react-nativejcore-react-native--save’配置1.自动配置react-nativelink根据提示，输入appKey等即可。自动配置完成后，需检查是否配置正确，具体请看手动配置内容2.手动配置Ios在iOS工程中设置TARGETS->BUILDPhases->LinkBinarywithLibraries找到UserNotifi

iamyang1314·2023-10-29 01:30

react-native 保存图片到相册

，iOS保存图片1，添加依赖库WechatIMG27.pngWechatIMG28.pngWechatIMG29.png2.react-native中使用import{CameraRoll}from'react-native

一天清晨·2023-10-29 00:19

H5 手机 App 开发入门：技术篇

1、手机App的技术栈手机App的技术栈可以分成三类原生App技术栈原生技术栈指的是，只能用于特定手机平台的开发技术。比如，安卓平台的Java技术栈，iOS平台的Object-C技术栈或Swift技术栈。混合App技术栈混合技术栈指的是开发混合App的技术，也就是把Web网页放到特定的容器中，然后再打包成各个平台的原生App。所以，混合技术栈其实是Web技术栈+容器技术栈，典型代表是PhoneGa

懂会悟·2023-10-29 00:48

RN | cocoapods接入rn

/RN/node_modules'$rn_react_pod_dir=$rn_node_moudles_dir+'/react-native'defymm_rn_debug_pod#Your'node_modules'directoryisprob

鱼子酱zi·2023-10-28 20:47

RN自定义lodding提示框(带遮罩层)

组件代码importReact,{useState}from'react';import{View,Text,Modal,ActivityIndicator,StyleSheet}from'react-native

萧寂173·2023-10-28 20:34

react-native总结错误+解决方法

1.关于模拟器ip地址无效或错误报错。如下图，cmd无报错而模拟器无法正常显示创建的项目工程。解决方法：如下图，在cmd输入ipconfig查看本地的IP地址，然后在模拟器里更改ip地址点击DevSettings，再点击Debug......然后更改ip地址+：8081。注意符号大小写2.当出现如下报错，则是因为本地断网或切换网络地址或更改一些选项导致了本地IP地址切换而模拟器ip地址无更改。解决

潮海_lx·2023-10-28 19:02

学习react.txt

-->react需要引入3个库vue是全在vue.js里拆分为3个库主要是为了react-native移动端RN做准备react和react-native使用同一个react.min.js核心但是不使用同一个

qwer22215·2023-10-28 06:50

为什么需要 Virtual Dom？

一、需要先了解什么是虚拟DOM虚拟DOM（VirtualDOM）这个概念相信大家都不陌生，从React到Vue，虚拟DOM为这两个框架都带来了跨平台的能力（React-Native和Weex）实际上它只是一层对真实

hubert39641020·2023-10-27 22:39

Unknown argument type 'attribute' in method -[RCTAppState getCurrentAppState:error:]. Extend ...

error.png解决方法：参考：https://github.com/facebook/react-native/issues/25138在RCTModuleMethod.mm文件下添加下列一行RCTReadString

偶然中的必然·2023-10-27 14:16

[Error] Error: Error while executing command 'react-native run-ios --simulator --no-packager --ve...

Mark:在使用ract-native真机调试调用iOS原生的framework的方法后，再回到react-native使用模拟器继续开发界面是报如下错误：[Error]Error:Errorwhileexecutingcommand'react-nativerun-ios

Tzhen·2023-10-27 09:58

【kafka技术篇】kafka数据到底会不会丢失？

博主介绍‍博主主页：淼淼_喵的博客_CSDN博客-Zookeeper,Hadoop,大数据技术领域博主✨主攻领域：【大数据开发】【数据仓库】【ETL】【数据分析】【面试分析】点赞➕评论➕收藏==养成习惯（一键三连）欢迎关注一起学习一起讨论⭐️一起进步欢迎评论作者水平有限，欢迎各位大佬指点，相互习进步！目录博主介绍kafka角色介绍kafka消息丢失的场景分析场景一：Producer端场景二:Bro

chad__chang·2023-10-27 01:49

2021-09-13

解决XCode12.5版本React-Native适配出现的问题：报错信息如下cannotinitializeaparameteroftype'NSArray>*'withanlvalueoftype'NSArray

1234567乱码·2023-10-26 11:53

Tauri2 mobile development traps

最近在倒腾移动端开发，不想学原生和flutter，试了试react-native，开发体验没有想象中的舒服，干脆直接上tauri2吧，半年前就听说tauri2支持移动端，到现在应该可堪小用。

Evanpatchouli℃·2023-10-26 11:27

webstorm19.2添加react-native自动补全

开门见山的说，网上的教程还是很坑的，这里同学们根据我的方法来吧首先，我们用到的是ReactNative-LiveTemplate这个模板。这个模板的内容包括:组件名称\Api名称\所有StyleSheets属性\组件属性[2015-12-25]新增第一步，找到webstorm安装位置的文件夹，切记不是下载的文件夹，这里应该是通用的，一般在C:\Users\Adminstartor\.WebStor

此生唯一自传·2023-10-26 10:12

reactNative导入excel文件

组件内导入import{TouchableOpacity,PermissionsAndroid}from'react-native';importRNFSfrom'react-native-fs';importXLSXfrom'xlsx

萧寂173·2023-10-26 10:23

Flutter开发相比React-Native优势在哪里？高手为你答疑解惑！

React-Native，weex等移动开发框架非常火热，却也都有不少问题，其中最让人不满意的就是性能问题了。但是，假如有一天性能问题解决了呢？那么移动开发界势必要受到很大的冲击！

hzbooks·2023-10-26 04:24

03-Flexible Box

概念React-Native中所有的布局均采用Flex布局。采用Flex布局的元素，称为Flex容器（flexcontainer），简称"容器"。

砌墙的民工·2023-10-26 02:25

react-native echarts(Android)

附地址：https://github.com/somonus/react-native-echarts1、安装npminstallnative-echarts--save2、使用importEchartsfrom'native-echarts';constoption={backgroundColor:'#fff',title:{text:'生长记录统计',x:'center',top:6},to

捡破烂儿的·2023-10-25 21:18

react-native 0.62 fetch请求上传图片失败

React-native0.62fetch请求上传图片失败环境：rn版本：0.62.0问题描述：Android使用fetch/xhr请求上传图片一直出现Networkrequestfailed，进行其他正常请求都没问题解决办法：（测试环境）找到项目目录：android/app/src/debug/java/com/maxyride/app/drivers/ReactNativeFlipper.ja

qhrosl·2023-10-25 20:55

React Native FlatList上拉加载，下拉刷新

importReact,{PureComponent}from'react';import{View,StyleSheet,BackHandler,FlatList,RefreshControl,}from'react-native

Yully东·2023-10-25 04:10

Mac 下React-Native安卓打包

打包阶段1.androidkeystore签名的生成2.gradlemac下环境变量的配置3.androidstudio中的gradle配置。4.打包1.androidkeystore签名的生成keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity100002

Albert新荣·2023-10-25 00:43

【坑】React-Native android 开发踩坑记

本文采用的是react-nativeinit*project*然后react-nativerun-android以运行项目。教程原文1.java.io.IOException:Unabletodeletedirectory...这是由于缓存导致【解决方法】cdandroidgradlewclean参考原文2.RN项目总是有缓存，如何清理之可以直接运行yarn--reset-cache3.emula

qhrosl·2023-10-24 19:31

基础技术篇 10 ——物联网常见通信协议与通讯协议梳理【下】- 通信协议

物联网常见通信协议与通讯协议梳理【下】-通信协议1概述在上一篇文章《物联网常见通信协议与通讯协议梳理【上】-通讯协议》中，对物联网常用通信协议和通讯协议作了区分，并对通讯协议进行了分享；本文将对常用的通信协议进行剖析，重点面向市场上使用率较高的，且又不是诸如TCP/IP之类老生常谈的。2近距离通信协议2.1RFIDRFID的空中接口通信协议规范基本决定了RFID的工作类型，RFID读写器和相应类型

zack36·2023-10-24 16:39

react-native教程与代码规范

代码规范页面与样式分开，按功能模块创建文件夹。文件夹首字母小写驼峰式命名。页面文件首字母大写驼峰式命名，其他文件首字母小写驼峰式命名。公共组件，每个组件单独创建文件夹。代码较少时，样式与页面代码放到一个文件中。组件复杂，页面与样式分开在该组件文件夹中。（方便在不同项目中拷贝）变量命名与参数命名使用驼峰式命名，尽量做到见名称知其义。读取state和props时，使用const与解构，必要时可使用le

一wei渡江·2023-10-24 04:40

解决react-native在小米8出现黑边或者透明边

问题：小米8等大屏手机出现黑边或者透明边等问题解决办法：原因是目前小米8和现在各大手机厂商新推出的手机的屏占比越来越大导致的。解决办法很简单。1.修改AndroidManifest.xml位置.png加入这行代码到中,意思就是修改安卓的最大占屏比修改为2.1，默认值是1.86修改代码.png解决问题最新.png这里补充一下1.86大概是屏占比16:9的样子，2.1大概是18.9:9的样子，现在出来

不一样的心情_eb40·2023-10-24 01:20

「React Native」调试

真机调试：(1)react-native

七月流火_9405·2023-10-21 13:06

React-Native 模拟器运行与调试

2019独角兽企业重金招聘Python工程师标准>>>React-Native模拟器运行与调试1、安装模拟器下载并安装夜神模拟器，安装成功后，命令行连接模拟器(前提是配置了adb环境变量，或者到sdkadb

weixin_34332905·2023-10-20 14:52

使用夜神模拟器调试react-native

最近更新了一下Genymotion模拟器到2.12版本然后启动不了了，加上其兼容性很差，果断弃坑了。1、打开夜神模拟器；2、进入模拟器安装目录bin,输入命令：nox_adbconnectlocalhost:62001，连接到模拟器；3、启动项目：react-nativerun-android;4、如果出现如下错误，可点击模拟器的摇一摇或者菜单键进入DevSettings下的Debugserver

user_xbp·2023-10-20 14:52

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-react-native)

1.在ReactNative项目根目录创建react-native.config.js文件2.添加以下代码module.exports={project:{ios:{},android:{}},assets:["./src/assets/fonts/"]};3.将需要的字体文件复制到项目目录src/assets/fonts/下面4.在项目根目录运行react-nativelink或npxreact

清风听思语一醉乱芳华·2023-10-20 13:29

Python数据挖掘：自动售货机销售数据分析与应用

本文收录于恒川的日常汇报系列，大家有兴趣的可以看一看相关专栏C语言初阶、C语言进阶系列、恒川等，大家有兴趣的可以看一看Python零基础入门系列，Java入门篇系列、docker技术篇系列、Apollo

热爱跑步的恒川·2023-10-20 10:12

React Native：Android集成React Native的一些配置

RN的一些基本配置1.打开项目根目录的build.gradle文件，加上如下信息：allprojects{repositories{...maven{url"$rootDir/node_modules/react-native

爱码士平头哥·2023-10-20 10:23

2018-04-30

ReactNavigation和ReactNative的问题，目前没什么好点的办法解决，只有等官方更新了，下面呈上最简单粗暴的办法，直接让native屏蔽该警告：import{YellowBox}from'react-native

小和尚nn·2023-10-20 04:12

数据治理技术篇：(一)数据梳理

目录1.定义2.用途作用3.实施方法3.1自上而下3.1.1数据域梳理3.1.2数据主题梳理3.1.3数据实体梳理3.1.4设计数据模型3.1.5优点3.1.5缺点3.2自下而上3.2.1需求分析3.2.2展现3.2.3分析逻辑3.2.4数据建模3.2.5优点3.2.6缺点1.定义“数据梳理”即对企业数据资产的梳理。2.用途作用在通过对数据的过程中，可知晓企业当中到底有哪些儿数据，这些数据存储在哪

只爱大锅饭·2023-10-20 03:33

React-Router路由

1.ReactRouter的基本使用安装：安装时，选择react-router-dom，react-router会包含一些react-native的内容，web开发并不需要；npminstallreact-router-dom

F-125·2023-10-19 19:57

react-native开发遇到的问题集(初试)

目前根据官方文档进行到了连接模拟器环节，之后的问题在此记录andriod连接失败(java.net.ConnectException:Connectionrefused(Connectionrefused)错误截图：处理方式：link.gradle文件夹在用户下查找隐藏文件androidstudio中导入项目(文档项目中的android文件夹)，初始化时报错运行提示failedtofindbuil

想必是渣渣宇了·2023-10-19 15:05

react-native typescript路径别名

react-native路径别名介绍import导入模块的时候，需要使用相对路径，例如../../../../test,如果相对路径太长了，不能够特别直观得看出模块的真实路径。

马川敉·2023-10-19 07:59

RN集成react-native-baidu-map及解决遇到的问题

创建一个React-native项目，并加入百度地图的插件的方法：1，react-nativeinit--version="0.55.4"BaiduMapDemo//新建一个目录，创建名为BaiduMapDemo

townof1997·2023-10-19 01:11

react-native的阴影实现，兼容android和ios

image.pngimportPropTypesfrom'prop-types';importReactfrom'react';import{View,Dimensions,StyleSheet,Platform,}from'react-native

sunny635533·2023-10-18 22:01

TypeScript In React-Native

一、在RN项目中添加TypeScriptyarnadd--devtypescriptyarnadd--devreact-native-typescript-transformeryarntsc--init--pretty--jsxreact//创建tsconfig.json文件linux：touchrn-cli.config.jswindows：typenul>rn-cli.config.jsya

何蒙其实很好·2023-10-18 18:41

react-native应用名称本地化（ios）

问题：公司突然想做应用的多语言版本，app应用里面的内容可以用react-native-i18n,不过app的显示名称就不能这样做了。app的显示名称配置后本地化后已可以显示英文名具体实现：1.新建StringsFile文件右键新建NewFile选择StringsFiles2.选择PROJECT下的项目，在右侧info->Localizations,点击➕图标新建其他语言版本image.png选择

不一样的心情_eb40·2023-10-18 10:56

React Native 中实现打字机效果

直接运行即可importReact,{Component}from'react';import{View,Text,StyleSheet}from'react-native';exportdefaultclassTypewriterTextextendsComponent

lllomh·2023-10-17 20:22

react-native 真机调试

苹果系统下，iphone打开remotejsdebugging会报跨域错误，查看react-native官网，debugging需要修改RCTWebSocket.xcodeproj中的RCTWebSocketExecutor.m

牧荑_6bc3·2023-10-17 16:41

自己动手写一个滚动的日期选择器（react native）

效果图importReact,{Component}from'react'import{ScrollView,Text,View,StyleSheet}from'react-native';import

刘同学要努力呀·2023-10-17 08:25

React-Native 常用组件

react-native-globalize国际化react-native-create-bridgeCLI工具，轻松地桥接ReactNative模块和UI组件react-native-splash-screen启动白屏优化react-native-linear-gradient渐变色react-native-smart-sortable-sudoku-grid拖拽1react-native-so

唯丽是图·2023-10-17 08:22

react-native学习总结(第一个helloworld程序)

安装环境:必须安装的依赖有：Node、ReactNative命令行工具、Python2以及JDK和AndroidStudio。(安装很耗时间,而且需要稳定的,需要有耐心哦)初始化项目cmd终端中运行react-nativeinit英文项目名Windows用户请注意,不要有中文，请不要在某些权限敏感的目录例如System32目录中init项目！会有各种权限限制导致不能运行！提示:亲测此命令可以不,但

黄庚中·2023-10-17 06:21

React Native-01：Hello world

文本的内容要放置在test组件中importReact,{Fragment}from'react'import{StyleSheet,//样式对象View,//视图组件Text//文本组件}from'react-native'constApp

臧小川·2023-10-17 06:44

推荐频道

React-Native技术篇