React-native 第42页

react-native WebView 返回处理（非回调方法可解决）

1.前言项目中有些页面内容是变更比较频繁的，这些页面我们会考虑用网页来解决。在RN项目中提供一个公用的Web页，如果是网页内容，就跳转到这个界面展示。此时会有一个问题是，网页会有一级页面，二级页面，这就会设计到导航栏返回键的处理（以及在Android上返回键的处理）。这个问题，在RN官网就可找到解决方式。就是用onNavigationStateChange这个回调方法记录当前的导航状态，从而判断是

dhjfnfzqyfkbbb1824·2020-08-22 16:50

React-Native升级报错https://github.com/facebook/react-native/issues/4968

关键日志Thismightberelatedtohttps://github.com/facebook/react-native/issues/4968Toresolvetrythefollowing:

秋月夜·2020-08-22 16:08

Android项目集成React-Native

React社区生态圈的加持和Facebook的大力推广后，reactnative貌似声望颇高。近日得闲，于是想学习学习。类似weex基于三端统一，减少开发成本，RN+原生混合开发，这将是一个不错的选择。在这之前找了很多资料，但很多并没有走通，填填补补的一路走来费了不少时间，所以写了这篇博客，希望能帮助需要的童鞋。还没配置环境的童鞋可以到这里去配置环境：环境搭建环境配置了就一步一步往下走：1在你的a

weioule·2020-08-22 16:45

React Native环境配置 —— window版

现在就从环境搭建来认识认识react-native。

Pro_Vinny·2020-08-22 16:17

React-Native 热部署热更新

CodePush是提供给ReactNative和Cordova开发者直接部署移动应用更新给用户设备的云服务。CodePush作为一个中央仓库，开发者可以推送更新到(JS,HTML,CSSandimages)，应用可以从客户端SDKs里面查询更新。CodePush可以让应用有更多的可确定性，也可以让你直接接触用户群。在修复一些小问题和添加新特性的时候，不需要经过二进制打包，可以直接推送代码进行实时更

Bc_wh1te_Le1·2020-08-22 15:17

Android React Native植入原生应用小记

一、ReactNative教程介绍http://www.lcode.org/react-native/http://reactnative.cn/docs/0.22/getting-started.html

mengzuixilou·2020-08-22 15:54

mac电脑下创建react-native工程

1.桌面创建一个文件夹，终端进入文件夹，执行。react-nativeinit工程名字。等待创建成功，不要关闭终端。结果如下2.ios工程，直接通过xcode打开。编译过程如果出现，React/RCTBundleURLProvider.hnotfind错误，是你的RN版本号大于0.40.0，请执行以下命令[email protected].

zrasd·2020-08-22 15:02

expo 搭建 react-native 组件库【图文并茂】

这几天在研究如何快速搭建RN组件库，刚好公司组织分享，于是整理了一份PPT，在这里和大家一起讨论下。为啥还要开发组件库？首先，我们先来讨论一个问题：为啥还要开发组件库？现在市面上各种各样的组件库多不胜数，为啥还要重复造轮子呢？有两个方面的原因：一方面，就组件库本身而言，它能提高开发效率，降低维护成本，代码复用等一些好处；一方面，就公司项目而言，我们使用第三方组件库是，使用率不高，难以二次修改，加上

zhangjinpei·2020-08-22 14:39

【开源】比antd-mobile体验更佳的Zarm2.0来了，2020你别再错过

确实，对于前端组件库的大家庭来说，我们迟到了，但也请各位可以抽出几分钟看看一位初来乍到的新人的自我介绍：Zarm是什么Zarm是众安科技基于React、React-Native研发的一款适用于企业级的移动端

苏南·2020-08-22 14:53

对不起，我们来晚了 —— 基于 React 的组件库 Zarm 2.0 发布

确实，对于前端组件库的大家庭来说，我们迟到了，但也请各位可以抽出几分钟看看一位初来乍到的新人的自我介绍：Zarm是什么Zarm是众安科技基于React、React-Native研发的一款适用于企业级的移动端

magichuang·2020-08-22 14:32

安卓和rn唤起其他app应用

对于app来说，很多时候都需要在本app中唤起其他app应用，本文简单的列举了安卓和react-native对于唤起其他app的一些做法。

DragonChen·2020-08-22 13:12

react-native集成微信分享记录

前言最近做了第一个用react-native写的app,记录下相关第三方插件的配置关于微信分享，主要用到了这两个库react-native-wechat-libreact-native-wechat其中第一个是在第二个基础上优化的

w候人兮猗·2020-08-22 13:35

react-native 使用 F2实现折线图

前言最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。

w候人兮猗·2020-08-22 13:04

ReactNative数据的发送和接收

使用DeviceEventEmitter前需添加import{AppRegistry,StyleSheet,Text,View,DeviceEventEmitter}form'react-native'

请叫我果爸·2020-08-22 13:51

React-native 集成react-native-getui 爬坑

问题:集成后react-nativerun-android可以运行，但是打包的时候报错。解决方法修改react-native-getui包下面android目录下的build.gradle1.首先在node_modules中找到报错的包里面的build.gradle，比如我这个就是\node_modules\react-native-getui\android\build.gradle；2.修改这

菠菜·2020-08-22 12:04

react-native打包报错：Daemon: AAPT2 aapt2-3.2.1-4818971

笔者在工作开发任务中，最近在进行Android打release包测试时，遇到了如下报错，鼓捣了好久(甚是郁闷)，终于解决了。ReactNative版本环境如下问题描述直接使用react-nativerun-android运行debug没有问题在没有添加react-native-spinkit这个第三方库是打包也正常添加react-native-spinkit第三库，进行run-androiddeb

似水流年·2020-08-22 12:52

如何管理React-Native库的版本

React-Native的库的更新是非常的频繁的。所以我们首先要知道当前使用的React-Native的版本是多少。怎么获取到当前的版本号呢？

街角仰望·2020-08-22 11:05

关于ReactNative0.56版本Flatlist列表内容跳动的问题

于是开始上react-native的issues上寻找答案，有通过查看官方的版本升级日志找到了答案：react-native升级日志0.57在其中看到如下bugFix描述：因为

似水流年·2020-08-22 11:10

react-native 上传图片和视频到阿里云, 带进度条

实现上面的效果需要的库如下react-native-image-pickerreact-native-progress先来说下是如何实现点击上传图标弹出optionModal上传选项的动画的.整个optionModal区域是一个Animated.View,render的时候他的position是absolute的，整个位置是隐藏在屏幕下的，bottom:-200.点击按钮之后，用Animated.

撸啊撸·2020-08-22 11:45

RN开发快速切换底部导航时react-native-swiper轮播图组件白屏

目前react-native平台最好用的轮播图组件：react-native-swiper最近在项目迭代开发测试中发现一个问题，就是在快速切换APP底部tab导航栏时，集成的轮播图组件react-native-swiper

似水流年·2020-08-22 11:57

react-native 集成极光推送iOS/andriod配置

react-native集成极光推送iOS/andriod配置官方demo版本"jcore-react-native":"^1.3.2","jpush-react-native":"^2.5.3","react

afacode·2020-08-22 11:27

React Native 打包apk的那些坑

ReactNative打包apk的那些坑在使用react-native的整个过程中，我深一脚浅一脚的走到今天，着实为自己感到高兴。在此记录踩坑过程，阿门！官方文档中有完整打包apk步骤，我们一步步来。

cocoder·2020-08-22 10:33

第一次react-native项目实践要点总结

今天完成了我的第一个react-native项目的封包，当然其间各种环境各种坑，同时，成就感也是满满的。这里总结一下使用react-native的一些入门级重要点（不涉及环境）。

爱编码的coder·2020-08-22 10:57

【ReactNative】全局错误捕捉与处理

这时候可以使用如下的代码：require('ErrorUtils').setGlobalHandler(function(err){//做你自己的任何处理});实验代码如下：require('react-native

Teng的世界·2020-08-22 10:53

React-Native封装一些模块

存储http://www.jianshu.com/p/f9965c6fecebreact-native-root-toast使用/***ToastUtil.js*/importToastfrom'react-native-root-toast';lettoast;exportconsttoastShort=(content)=>{if(toast!==undefined){Toast.hide(t

大灰狼的小绵羊哥哥·2020-08-22 10:03

React-Native 解析Json格式达到轮播图效果

importReact,{Component}from'react';import{StyleSheet,Text,View,Image,TouchableOpacity,WebView,FlatList}from'react-native

无尽甜蜜里悠悠记忆·2020-08-22 10:57

React-Native 让TextInput主动失去焦点

给TextInput添加ref添加外层view点击事件点击事件调用this.refs.textInput1.blur();即可部分代码如下：letZKLTest1=React.createClass({getInitialState:function(){return{inputedNum:'',inputedPW:'',};},updateNum:function(newText){this.s

ldz0·2020-08-22 10:07

用Browserify构建antd-mobile应用

使用antd-mobile遇到的问题：react-native模块找不到在阅读了antd-mobile的介绍说明后，使用这一组件库似乎很简单，要做的只是安装和引入组件而已：安装$npminstallantd-mobile

shaochuancs·2020-08-22 09:22

react-native 之 Atom 及插件安装（二）

Atom编辑器插件安装forreact-nativeWX20180105-162022.pngATOM官网&下载链接工欲善其事、必先利其器提高开发工作效率，少不了一款高性能的IDE；那react-native

pengchaochao·2020-08-22 09:00

react-native项目结构介绍

序基于雨点儿网，分享react-native开发androidapp的方法。

caige·2020-08-22 09:25

react-native 横竖屏控制及状态变化监听

安装依赖：package.json:"dependencies":{"react-native-orientation":"git+https://github.com/yamill/react-native-orientation.git"},工具类：OrientationUtil.js/***Createdbynickon2017/7/28.*封装的横竖屏工具类*/importReactfro

日不落000·2020-08-22 04:07

关于react-native打包Android项目的问题ProgressCompleteEvent

跟着官方文档（0.44）下来，最后的cdandroid&&./gradlewinstallRelease命令出现问题，打包报错（Unabletoprocessincomingevent'ProgressComplete'(ProgressCompleteEvent)），把命令cdandroid&&./gradlewinstallRelease换成cdandroid&&gradlew.batasse

唐_47bc·2020-08-22 04:30

React-Navigation之TabNavigator 配置

TabNavigator配置React-Navigation的相关文档可参考官网本文所对应使用React-Native版本是0.43一下范例仅在android模拟器上展示由于自己也是刚刚开始接触ReactNative

一点一刻·2020-08-22 02:49

React Native样式写法、动态样式值；一个组件多组样式。

最基本的样式写法：importReactfrom'react';import{View,Text,StyleSheet}from'react-native';exportdefaultfunctionMyScreen

聂大哥·2020-08-21 22:33

React Native——编写TabBar

npminstallreact-native-tab-navigator--save接着直接粘贴下面代码到你的项目中（简单粗暴）：importReact,{Component}from'react';import{StyleSheet,Image,}from'react-native

聂大哥·2020-08-21 22:33

react-native打包apk常见错误收集

react-native0.59打包报错，信息如下，根据错误信息是因为react-native-cookies的sdk版本问题导致的1./gradlewassembleRelease23>Configureproject:react-native-cookies4WARNING:Configuration'compile'isobsoleteandhasbeenreplacedwith'imple

weixin_30446613·2020-08-21 22:03

Could not find method google() for arguments [] on repository container.

问题：在reactnative中安装realm数据库后运行react-nativerun-android时报如下错：开发环境：react-native:^0.55.4reaml:^2.27.0解决方案：

peachesTao·2020-08-21 21:03

could not find method compileOnly

react-navigation做页面导航运行react-nativerun-android编译时出现“CouldnotfindmethodcompileOnlyforarguments”的错，我使用的版本信息如下："react-native

peachesTao·2020-08-21 21:02

react-native自定义alert/dialog/toast弹窗|仿原生android/ios弹窗组件

说明很早之前就有使用h5开发过手机端弹窗，最近一直在捣鼓react-native技术，踩了不少坑。就想着用react-native技术做个自定义Modal弹窗来实践一把。

xiaoyan2017·2020-08-21 19:10

一步步实现一个自适应的react-native拖拽排序

2019.3:新增单行拖拽演示，其实这个功能一致，这个拖拽插件本来就是自适应行,有时间会整体优化下ScrollView问题，使控件自带ScrollView功能。2019.2:优化拖拽不移动时自动恢复，现在这个插件应该没有任何问题。新加一个实战演示例子，后面有时间会对这个例子进行加动画，删除时item向下到待选的item动画，和待选到item。还有滑动时自动向下滑动动画。最近由于业务需求需要实现一个

mochixuan·2020-08-21 19:33

react-native 解决Could not find method android() for arguments问题

运行命令行：react-nativerun-android报错Error:(23,0)Couldnotfindmethodandroid()forarguments[****]onrootproject'****'oftypeorg.gradle.api.Project.最终解决方案:打开项目gradle目录如下://Top-levelbuildfilewhereyoucanaddconfigur

weixin_30871293·2020-08-21 17:31

解析数据点击条目跳转List.js

util下新建List.jsimportReact,{Component}from"react";import{FlatList,TouchableOpacity,Image,Text,View}from"react-native

__MX·2020-08-21 17:43

Chrome 调试 react-native 通过Network面板查看网络请求

参考https://github.com/facebook/react-native/issues/934三楼真机或模拟器下DebugJSRemotely,会打开chrome,地址为ip:8081/debugger-ui

weixin_30399055·2020-08-21 17:35

react-native从头开始封装三方sdk（二）

完成了第一步，下面开始飞。以集成腾讯信鸽推送为例注册信鸽申请应用等按照腾讯文档来即可。（注意包名要是app的包名不是library的包名）ps:按照手动配置的方式出现support-v4重复引用问题，尝试多种方式没有解决。暂且放弃。使用jcenter配置的方式最终配置结果：testlibrary下的build.gradleapplyplugin:'com.android.library'andro

花开花又谢·2020-08-21 16:23

react-native从头开始封装三方sdk（一）

1.新建项目demoreact-nativeinitdemocddemoreact-nativerun-android(想尽一切方法把项目跑起来，这一步都过不了的话后面就不用看了)2.工欲善其事，必先利其器。要想飞我们先学会爬。我们先实现JS调用原生方法（1）使用AndroidStudio打开demo->android（2）新建一个Module，添加一个名为Testlibrary的androidl