react-native

webstorm react-native 配置

webstorm破解http://www.jianshu.com/p/5ce394a28ce5react插件https://github.com/minwe/jetbrains-reactreact-native插件下载方法下载方法:安装方法(Windows和Mac都支持):file->importsettings->ReactNative.jar使用方法:通用方法直接输入组件或Api名称的首字母
proud2008·2022-02-14 13:41

从源码深入探究react-native 0.60 的autolink过程

ReactNative0.60加入了一个很重要的特性:autolinking,从此项目引入第三方库中的原生依赖再也不用额外调用react-nativelink命令了，同时link时也不会像之前一样入侵原生代码（例如修改android的setting.gradle,bulid.gradle）在RN项目开发过程中，大部分的依赖下都是能autolink成功的，但是有一小部分原生依赖默认情况下是无法aut
一只路过的小学生·2022-02-14 10:38

iOS ReactNative学习资料

ReactNative中文网ReactNative源码ReactNative的RNTableView：重用机制提高性能React-Native学习指南
齐舞647·2022-02-14 09:52

react-native登录页面切换TextInput输入框时保持键盘展开

1、现象首次点击输入框（输入手机号码）时，键盘弹出，输完手机号码后，点击输入验证码的输入框时，键盘收起，需要再次点击输入框键盘才展开。结果就是每次切换输入框都需要点击两次。2、原因在TextInput外层嵌套了ScrollView组件3、解决将ScrollView组件的keyboardShouldPersistTaps属性设置为true即可保持键盘展开
YDM_4718·2022-02-14 04:48

React-Native 那些坑之集成realm

realm不支持node10的版本，最多只能支持node8,https://github.com/realm/realm-js/issues/1983
爱猫的仙生·2022-02-14 03:24

React-Native打包 Execution failed for task ':app:bundleReleaseJsAndAssets'. > Process 'command 'c...

错误内容/*最开始打包报错*/Executionfailedfortask':app:bundleReleaseJsAndAssets'.Process'command'cmd''finishedwithnon-zeroexitvalue1*Try:Runwith--stacktraceoptiontogetthestacktrace.Runwith--infoor--debugoptiontog
为了记笔记注册的账号·2022-02-14 03:40

backend.js:32 console.disableYellowBox has been deprecated and will be removed in a future release

旧版的黄提示：console.disableYellowBox=true;需要更换为新版的api：import{LogBox,}from'react-native';LogBox.ignoreAllLogs
以德扶人·2022-02-13 21:27

React-native之开源轮播组件react-native-swiper（14）

一.简介这节介绍下使用第三方轮播组件react-native-swiper，github地址:https://github.com/leecade/react-native-swiper二.使用步骤（1）使用git命令行在项目的根目录使用npm命令npmireact-native-swiper--save这样就把开源组件引入到项目中了,可以在根目录的node_modules文件夹中查看（2）在界面
飞奔的小马·2022-02-13 20:08

react-native中Text包含Image大小问题

可以使用下面的方法进行适配import{PixelRatio}from'react-native';this.imageScale=Platform.OS==='ios'?
KongQi·2022-02-13 19:54

react-native 端口冲突

react-native端口冲突解决STARTreact-nativestart--port=8082ANDROIDreact-nativerun-android=8082IOSreact-nativerun-ios
谢秀岳·2022-02-13 09:45

React-Native多渠道打包（android）

在AndroidManifest.xml中一般都会有当前渠道的配置信息，以talkingData为例：所以在打包之前我们得有一个自动修改当前渠道的脚本。下面以python为例:#将指定文件中符合指定正则的string替换为replaceStrdefmodifyConfig(filePath,pattern,replaceStr):file=codecs.open(filePath,'r','utf
3z鸿杰Libra·2022-02-13 05:12

react-native项目新建步骤

reactnative.cn/docs/0.51/getting-started.html一、打开Terminal，进入到你想存放项目的文件夹如：cd~/Documents/workspace/xingkeduo/二、创建react-native
维维维娜·2022-02-12 23:32

react-native run-ios : Could not find iPhone * simulator

CouldnotfindiPhone*simulator找到项目中node_modules/react-native/local-cli/runIOS/findMatchingSimulator.js1
失心F·2022-02-12 17:56

Exception in Host Object::get: on React-Native 0.59.1.

image.png解决方法：配置Firebasehttps://firebase.google.com/docs/android/setup#available-libraries
75e07f05c8c4·2022-02-12 14:20

react - native 文字跑马灯组件上下滚动

importReact,{Component}from'react'import{Text,View,Animated,Easing,StyleSheet,}from'react-native'importPropTypesfrom'prop-types'exportdefaultclassScrollVerticalextendsComponent
寒飌·2022-02-12 13:53

004-TextInput和ref与android之间的故事 --react-native

一：前段时间写了一个登录页面,TextInput的组件在android的模拟器上面出现了一系列的问题，今天终于解决了，趁着有记忆的时候记录并分享一下。二：1-：可以通过点击事件来获取TextInput的焦点2-：解决了一个输入问题三：Coding1-：首先先写一个TextInput和点击事件组件conststyleChange=(this.state.nameMsg!=''?(styles.tex
垒虚·2022-02-12 09:15

RN - iOS原生发送通知给RN

类继承于RCTEventEmitterCEPushManager.hCEPushManager.m2.RN代码中：import{NativeEventEmitter,NativeModules}from'react-native
iOS_杨平·2022-02-12 09:03

发布自己的包至npm，集成react-native方法；

这几天在写react-native，主要是集成了一些自己想要的组件、方法方便以后调用；然后上传到npm包管理，方便以后可以直接install；学习的道路总是漫长而又曲折的，不懂撩妹的我，也只能写写笔记方便自己加强记忆
DC_base_·2022-02-12 08:07

react native 计算组件的绝对位置

第一种的获取组件的绝对位置import{View,UIManager,findNodeHandle}from'react-native';this.layout(e)}>layout=(e)=>{console.warn
冰天无幻·2022-02-12 08:32

react-native 常用的一些插件

https://segmentfault.com/a/1190000012053486富文本https://blog.csdn.net/salute_li/article/details/51992958
米奇小林·2022-02-12 07:15

react-native-code-push(react-native 热更新)

1.全局安装code-push-clinpminstall-gcode-push-cli2.注册code-push帐号code-pushregisterPleaselogintoMobileCenterinthebrowserwindowwe'vejustopened.Enteryourtokenfromthebrowser:#会弹出一个浏览器,让你注册,可以使用github帐号对其进行授权,授权
妄自·2022-02-12 07:17

react-native 0.59 Could not connect to development server 无法连接到开发服务器

react-native0.59Couldnotconnecttodevelopmentserver无法连接到开发服务器从0.55.4升级到0.59.2用真机调试就一切正常,模拟器就会报这个错.解决办法android-src添加debug目录再添加AndroidManifest.xml文件下面的是AndroidManifest.xml的内容目录结构WX20190816-160930.png这个问题
i7nVIDIA·2022-02-12 04:15

react-native修改android包名

react-native.png安卓已包名作为应用的唯一id，相对iOS来说改起来就不是那么方便，但为了能正式发布自己的应用，还是得改过来。假设包名为com.exease.etd.objective，以下地方需要修改。首先是两个java文件：android/app/src/main/java/com/PROJECT_NAME/MainActivity.java和/MainApplication.j
Layman_懒慢·2022-02-12 01:39

使用umi开发react-native应用

动机很早之前看过这样一个漫画，如何用8种编程语言去救公主：JavaScript:你是一个喝着咖啡的有品味的骑士。你花了好多时间去选择支持库，设置节点和为城堡建造一个框架。当你完成了框架的时候，你发现公主所在的要塞已经被废弃，公主也已经搬到了另外一个城堡。记得似乎是从nextjs起，前端框架就进入了带编译时的时代。自此，开发者可以迅速投入到业务代码的开发，而不用去搭建脚手架，写一堆配置和胶水代码去整
xuyuanxiang·2022-02-11 17:50

iOS原生和 React Native混合开发，侧滑返回手势冲突解决方案（react-navigation）

解决思路：原生和reactNative都支持侧滑返回所以才会造成冲突，经测试把原生的侧滑返回禁止掉，react-native界面就可以正常侧滑返回。
5619c8b6c380·2022-02-11 17:57

React-Native 那些坑之 NetInfo.getConnectionInfo()

关键词:React-NativeiOSNetInfogetConnectionInfo()最近后台增加了一个新需求，需要增加一个网络状态加进header里面方便数据统计，很快就查到RN有个NetInfo的类专门处理这个需求的，本来以为很简单就一下子完事的，没想到还是踩了一个非常隐蔽的坑由于混杂着其他需求一起发了个测试版本，导致这个问题debug了一个上午才发现问题在于awaitgetConnect
爱猫的仙生·2022-02-11 15:30

关于集成ReactNative到已有AndroidStudio项目注意的几点

个人觉得比较好的几篇可以参考一下：http://www.veizz.me/react-native/2016/09/17/react-native-with-android-notes.htmlhttps
Jarly_Sun·2022-02-11 14:54

Dva In Mobile

其官方github上有详细说明，这里不再赘述，贴一下其github地址：Dva中文简介使用方式dva在react-native的使用方式和react开发是一样的，只是在配置方面稍有不同，下面详细介绍其在
Zack1994·2022-02-11 05:22

React－Native Flexbox练习

参考http://blog.csdn.net/hello_hwc/article/details/51480458alignItems1.如果设置'flex-start','flex-end','center'，item必须要有width,height，否则不显示。2.'stretch'，item没有设置高度或宽度，父控件的flexDirection相互作用的情况test.pngtest2.png
小张呵呵·2022-02-11 04:50

react-native 拆包/分步加载方案

RN中，发布js代码时，会打包成jsbundle形式。随着业务的增大，jsbundle体积也会逐渐增大，特别是多Module场景下，会生成多个jsbundle（包含相同的基础）。不仅增加APP、热更新包体积，也对jsbundle的加载效率造成很大影响。针对jsbundle的拆包，成为集成RN必须考虑的问题。拆包目的解决jsbundle体积过大按需分步加载，提高加载效率提高热更新包diff/load
生光·2022-02-11 02:09

第三章 React-Native react-navigation之createMaterialTopTabNavigator和createBottomTabNavigator

3-1一个小demo展示这部分代码在[email protected]:fx35792/react_native_study.git的createBottomTopNavigator分支上因为需要用到图标所以我们要使用一个第三方库react-native-vector-ionsyarnaddreact-native-vector-iconsreact-nativelinkreact-native-vec
SunnyFanFan·2022-02-11 01:11

react-native SectionList实现分组列表

SectionList组件，是高性能的分组(section)列表组件，支持下面这些常用的功能：完全跨平台。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持分组的头部组件。支持分组的分隔线。支持多种数据源结构支持下拉刷新。支持上拉加载。SectionList常用属性属性说明备注sections用来渲染的数据，类似于FlatList中的data属性。
sybil052·2022-02-10 23:58

React native 无法弹出调试控件的问题

/node_modules/react-native',:subspecs=>['Core','RCTActio
师从小马哥·2022-02-10 16:00

react-native报错提醒整理...

MalformedcallsfromJS:fieldsizesaredifferent.image.png这里其实就是AsyncStorage.setItem漏传了个参数，看下源码实现会发现需要传(key,value)俩个参数
mayufo·2022-02-10 16:39

cordova快速入门

cordova是什么使用html,css,js进行移动app开发，多平台共用一套代码，免费开源，类似于react-native快速创建一个项目1.全局安装cordovanpminstall-gcordova2
煮茶听雨·2022-02-10 06:16

npm新的包名规范

官方对包的命名方式进行了一些修改，为的是更好的防御「误植」攻击，同时帮助包开发者们挑选出更加合适的包名image.png1、包名类似，拒绝发布把包名中的标点符号去掉并与现有的包进行比较，相同则不允许发布例如：react-native
Wendy曹·2022-02-10 03:25

React-Native 热更新以及增量更新

Rn热更新以及增量更新操作原文链接：http://blog.csdn.net/qq_22329521/article/details/65631947不是增量更新，Rn的热更新，流程是下载服务器端上的一个解压包到本地解压到应用的文件目录BC%G_~)({H({UJ8Q2(7Z%RA.png这是一个打包后的apk文件，在Rn中我们的js代码都是打包后存放在assets目录中，其中index.andr
越长越圆·2022-02-09 22:44

React-Native文字居中

在android中不能直接对text设置lineHeight来实现文字居中，需要在Text外套一层View再通过设置View的justifyContent："center",alignItems："center"来间接实现居中
若水三千瓢·2022-02-09 02:12

react-native 打包发布上线

安卓篇真机运行和发布的流程(安卓)1.运行生成key的命令（红字部分名称和别名，在命令中红字）$keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity100002.设置gradle变量1.把my-release-key.keystore文件放到你工程中的and
俗人彭jin·2022-02-08 22:34

React-Native开发工具 -- Vs Code

VsCode简介：VsCode全名VisualStudioCode，是由微软提供的编辑器。支持Windows、macOS以及Linux系统，并且内置Git版本控制功能。这是一款非常强大好用的编辑器，毕竟是微软出品。尤其是对前端开发人员来说，VsCode可以说是良心产品（主要是免费），刚接触RN的时候，用过Webstorm、Atom、Sublime、VsCode，最后毫不犹豫的选择了VsCode。这
迷迭象·2022-02-08 19:43

React Native登录之指纹登录篇的示例代码

ReactNative登录之指纹登录篇，具体内容如下所示：最近在做react-native的APP，项目登录使用了普通账号密码登录、短信登录、手势登陆、指纹登录和人脸识别登录五种方式，所以准备做一个登录方式的合集
·2022-02-08 18:10

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2022-02-08 12:39

react-native 文字过长折叠

勤做笔记，方便自己，帮助他人。第一次尝试把代码打包成npm，虽然水平依旧有限，但我很开心，因为我在向前。react-native-fold-textdemo.gifnpminstall--savereact-native-row-textmaxLines默认是5（非必填）importFoldTextfrom"react-native-row-text";
既然可以颠覆何必循规蹈矩·2022-02-07 14:32

Could not find proper version of cocoapods(1.11.2) in any of the sources

v16.13.2yarn1.22.17react-native-cli如果你之前全局安装过旧的react-native-cli命令行工具，请使用npmuninstall-greact-native-cli卸载掉它以避免一些冲突废话不多说前面我也是根据react-native
842b0ef119bb·2022-02-07 10:32

react-navigation学习笔记二：createStackNavigator

搭建demo使用相关版本："react-native":"0.56.0","react-navigation":"^2.18.2"介绍一次只渲染一个页面，并提供页面之间跳转的方法。
ghost__·2022-02-07 06:05

现有原生iOS和安卓项目集成React-Native

一、创建工程到自己创建项目的文件夹下输入命令:react-nativeinit项目名当然如果你想指定安装react-native版本的话你也可以这样后面的0.57.1可以自定义成自己的版本react-nativeinit
HT_Jonson·2022-02-07 03:58

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2022-02-07 03:43

React-Native热更新 - 3分钟教你实现

>需求，递归输出某个目录下的所有日志文件，我们可以使用`commons-io`进行处理，避免重复造轮子。↵##使用↵依赖↵```↵compilegroup:'commons-io',name:'commons-io',version:'2.6'↵```↵测试↵```↵@Test↵publicvoidtestFilters(){↵StringoutFilePath="./logdir2";↵Stri
kikiki4·2022-02-07 01:37

基于RN的自建公用组件-Page

这里我为了兼容iphonex引入了Dimensions和Platform两个组件importReactfrom'react';import{View,Text,Dimensions,Platform}from'react-native
蚊小文·2022-02-06 18:13

React-Native Scrollview嵌套标签页

新篇传送：React-Native实现头部滑动，TabBar吸附的TabView一个很常见的UI，不过在RN上好像没有成熟的解决方案，只好自己动手实现。
眸若止水·2022-02-05 23:24
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他