React-native 第56页

react-native 环境的搭建（包括Android和iOS）

先介绍window下搭建Android环境，比较大多数人用的都是Android先配置java环境变量和sdk的环境变量，Java环境这里就不介绍了，不知道的额=可以去网上百度一下，教程特别的多，至于sdk环境变量的配置的话，具体就是安装，Androidstudio，可以去官网下载，模拟器的安装，根据自己的喜好，我安装的是‘海马玩’模拟器。个人感觉不错1.新建一个放置次项目的文件夹，在此文件夹之下打

DontPushMeForev·2020-07-28 10:35

react native 在window 7上配置开发环境-Andorid

参照官方配置：https://facebook.github.io/react-native/docs/getting-started.html因为在配置的过程中遇到很多问题，在此记录一下。

梦想成真213·2020-07-28 09:01

Taro新手上路（脚手架），项目结构

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

前端小能手i·2020-07-28 07:09

React-Native输入数字，每4个隔一个空格，回删bug 解决

//监听输入卡号_onChange(value){varstr='';//输入数字长度大于输入框内长度，每4个就一个空格if(value.length>this.state.inputValue.length){varreg=/\s/g;//加入正则，过滤掉字符串中的空格value.replace(reg,"").split('').map(function(item,index){(index+

帅气的学长·2020-07-28 07:14

react-native实现微信小程序分享

这里只说小程序的分享，好友和朋友圈的分享，网上有很多资料，这里就不阐述了。开始之前，说明下，这个文章是在用这个库比较老的情况下可以这么操作，如果是最新的react-native-wechat库，它已经支持小程序分享了，就不用按照此文档进行做了。首先，安装三方库#react-native-wechat,具体步骤查看文档。下面具体实现：IOS首先需要下载最新的SDK包，当前库的包比较老。需要去官网地址

凹凸怪cq·2020-07-28 07:51

React-Native 调用原生方法，弹出自定义对话框

ios才是react-native的亲儿子....AndroidandiOS.jpg想要自定义Android对话框需要Android原生开发基础在Android工程里面将dialog封装好，用来备用。

大队辅导猿·2020-07-28 07:42

React-native实现联系人列表分组组件（支持拼音搜索）

React-native实现联系人列表分组组件（支持拼音搜索）参考资料：ReactNative使用SectionList打造城市选择列表，包含分组的跳转：https://blog.csdn.net/sinat

举世武双·2020-07-28 06:36

React-native使用Webview内嵌H5页面混合开发

交互机制react-native可以使用Webview组件来内嵌H5页面，在开发过程中，H5页面常常要和APP端进行数据交互。那么这个交互机制是怎么样的呢？

举世武双·2020-07-28 06:36

react-native网络请求fetch

Learn_ReactNativereact-native学习交流QQ群：806870562效果图代码示例importReactfrom'react';import{View,Text,Button}from'react-native

番薯大佬·2020-07-28 04:09

react-native 修改android打包的包名,以及应用名称，应用图标icon的修改

1.修改打包的默认名称默认名称：app-release.apk修改：在android/app/build.gradle中加上以上代码可以直接修改deffileName="你想要的名称.apk"其中defaultConfig为当前文件上的配置2.修改应用名称android/app/src/main/res/values/strings.xml直接修改应用名称3.修改应用icon直接修改mipmap-

seven_2547·2020-07-28 00:03

《React-Native系列》31、 Fetch发送POST请求的坑与解决方案

我们在请求http接口时候，通常都会使用get和post的方式，针对表单提交这类的请求，我们通常采用post方式。那么在RN中的FetchAPI中post提交有哪些坑呢？让我们撸起来。我们先来说说Server端的代码，通常我们从Request获取参数时的方法为：StringparaValue=request.getParameter(paraName);我们下面说的判断能不能获取参数，就是按照这种

coder_小刀·2020-07-27 23:39

react-native中fetch请求

本文主要是写fetch请求的封装方法。1、目录如下图所示2、http.js的内容如下：global.$={post:(info)=>{varbodyvalue="";vararr=[];for(variininfo.body){bodyvalue+=i+"="+info.body[i]+"&";}bodyvalue=bodyvalue.slice(0,bodyvalue.length-1);fet

看淡江湖·2020-07-27 23:11

React-Native Fetch网络请求的简单封装

import{Alert}from'react-native';//exportconstCTX='http://112.74.163.201:8085/zft_app/';//需要设置成ip地址，不能设置成

I-T枭·2020-07-27 23:37

React-native fetch请求网络

开始的服务器直接传的字符串，所以这边用POST去请求，直接连接字符串LOGIN_REQUEST=LOGIN_URL+'?loginName='+uName+'&password='+uPwd;fetch(LOGIN_REQUEST,{method:'POST',header:{'Aceept':'application/json','Content-Type':'application/json'

Rlusia·2020-07-27 19:27

Windows下快速搭建React-native运行环境

安装JDK网上找教程，同时配置环境变量。安装Androidstdio或IntellijIDEA网上找教程安装SDK网上找教程，同时配置环境变量。（最好详细一点的）安装node.js下载，版本最好在4.0以上。安装python版本必须是2.xx的格式，不能是3.xx格式（当前不支持），下载使用国内镜像源加速打开Windows下的cmd.exe,输入npmconfigsetregistry=https

qq_1797801363·2020-07-27 18:25

react-native 实现单个页面横屏处理

前言编程的世界里,存在各种各样的需求创意,近期一个功能需求需要做到单个个别手机页面需要做横屏处理.话不多说.下面介绍一下代码实现原生桥接因为基于react-native开发,尝试直接理由现有第三方库实现

一天清晨·2020-07-27 17:37

react-native fetch的具体使用方法

原文：https://www.jb51.net/article/127286.htm在前端快速发展地过程中，为了契合更好的设计模式，产生了fetch框架，此文将简要介绍下fetch的基本使用。在AJAX时代，进行请求API等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求。现在产生的fetch框架简直就是为了提供更加强大、高效的网络请求而生，虽然在目前会有一点浏览器兼容的问

Quincylk·2020-07-27 17:53

React Native的Hello World和基本样式入门

importReact,{Component}from'react';import{AppRegistry,Text}from'react-native';classHelloWorldAppextendsComponent

赵镇·2020-07-27 14:43

react-native(Fetch网络请求数据)

语法使用：fetch(参数).then(完成的回调函数).catch(失败的回调函数)fetch(url,opts).then((response)=>{//请求成功后返回的对象response//例如：json、text等returnresponse.text();returnresponse.json();}).then((responseData)=>{//处理请求得到的数据}).catch

徐代龙·2020-07-27 13:17

react-native-image-zoom-viewer 组件使用

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

践道修行者·2020-07-27 12:11

mac下Android应用集成react-native

本文源码地址：https://github.com/smart1024/AndroidWithReact.git首先需要搭建好react-native环境请参考下面两份文档：脸书官方文档：http://

李moumou·2020-07-25 12:34

React Native版本升级教程

开发ReactNative有一年多的时间了，从0.59.0版本到现在的0.62.2版本，因为刚开始接触的时候不熟悉，爬了不少坑，其中react-native版本升级就是最让人头疼的问题之一。

Mob_Developer·2020-07-25 02:50

React Native 警告 Animated: `useNativeDriver` is not supported 的解决方案

/node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj②在使用Animated的地方加上useNativeDriver

小小_2·2020-07-23 14:35

RN 0.57.8 与 0.60.5 的环境安装问题记录

CouldnotfindiPhoneXsimulator本地装的RN0.57.8，node8.11.0，xcode11.5找到node-modules/react-native/local-cli/runIOS

Ever-Lose·2020-07-22 11:00

React Native使用SectionList完美实现微信/iPhone通讯录

importReactfrom'react'import{View,Text,SectionList}from'react-native'constHEIGHT=40;//renderItem提前占据高度

罗坤_23333·2020-07-22 10:13

react-native创建项目错误集锦

错误一：Unabletoresolvemodule'AccessibilityInfo'这是因为版本有点高不稳定的原因卸载旧版npmuninstall-greact-native-clinpmuninstall-greact-native安装新版[email protected]@1.2.0创建项目的时候指定版本号

悦者生存·2020-07-22 08:46

配置iPhone模拟器，react-native run ios出错，报找不到iPhone 模拟器

1，配置iPhone模拟器"configurations":[{"name":"DebugiOS","cwd":"${workspaceFolder}","type":"reactnative","request":"launch","platform":"ios","target":"iPhoneX"}2，react-nativerunios出错，报找不到iPhone模拟器修改：node_mod

帅气的小男孩q·2020-07-21 11:03

React-Native学习笔记

RN笔记一.常用命令比如我们希望查看RN的所有历史版本，可以在命令行中输入：npmviewreact-nativeversions-json创建工程并指定版本:react-nativeinit工程名字[email protected](无效)react-nativeinit工程名字--version0.55.4在项目中运行npmintall--save命令来执行安装react-n

ShenYj·2020-07-20 08:22

【ReactNative】入门：从todo App开始（6）

import{View,Text,StyleSheet,TouchableOpacity}from'react-native';AllActiveCompleted接

LesliePeng·2020-07-16 06:44

react-native——动画

一、LayoutAnimation主要用于视图位置、透明度等state改变之前调用，让其变化过程带上动画效果，不那么生硬。适用于全局变化。常规用法就不说了，主要看下细节点。如下是一个典型的LayoutAnimation动画LayoutAnimation.configureNext({duration:800,create:{type:LayoutAnimation.Types.spring,pro

请叫我啊亮·2020-07-16 05:16

react-native封装原生下拉刷新组件

之前改进过一个react-native-pull组件解决了iOS上刷新头部出现空白问题，并且将listview改成了flatlist。github如下：react-native-pullview这是纯js写的Android&&iOS都可以使用。在iOS上面性能还是可以的，但是在Android上滑动时虽然也可以使用但是总是感觉有点卡顿，不是很如意。因为rn在Android上滑动事件就不是很流畅，Fa

IDO0·2020-07-16 04:12

初步接触 atom 插件

前言最近用react-native来做客户端，使用的IDE是atom，atom确实很强大，源码开发，插件任意。但是还有很多不完善的地方，在jsx的代码提示上不是很好。

天占·2020-07-16 04:28

React-native是什么？

开发React-native，需要的技术栈，真的不少。你需要了解，react-native是什么？react-native开发所需的基础技术是什么？react-native是什么？

mapbar_front·2020-07-16 03:17

React-native android保存图片进本地相册

uuuuuuw·2020-07-16 02:42

集成React-Native项目，不用coocapods

现在很多情况下项目是不用coocapods的，虽然我个人也比较喜欢用coocapods，但是现在公司的项目里就不用，所以要想集成react-native,则会比原来多几个操作。

SanriXIN·2020-07-15 22:13

React-Native 实现无限轮播

1、配置环境http://reactnative.cn/docs/0.25/getting-started.html2、环境配置出现错误，请看这一篇:http://blog.csdn.net/p106786860/article/details/510522993、代码下载地址:https://github.com/BrisyIOS/React-Native-UnlimtedCarousel.gi

dingyongkui6769·2020-07-15 22:34

React-Native导航条，相册，系统通讯录

调用手机通讯功能这里我们用react-native-communications这个三方框架在HybridApp里实现这个功能还是挺麻烦的，需要客户端封装好接口给H5调用，但是在ReactNative里，一个组件就能搞定——react-native-communications，安装请查看官方文档这个组件安装很简单，支持的功能有：拨号、发短信、发Email、打开网页等，下面是官方一个综合的例子：i

大灰狼的小绵羊哥哥·2020-07-15 21:24

react-native start 启动错误解决方法

ERRORErrorwatchingfileforchanges:EMFILE{"code":"EMFILE","errno":"EMFILE","syscall":"Errorwatchingfileforchanges:","filename":null}Error:Errorwatchingfileforchanges:EMFILEatexports._errnoException(util

ahua2800·2020-07-15 20:50

react-native获取图片的base64

_getImageBase64(){ImageEditor.cropImage('1.png',{size:{width:100,height:100,},offset:{x:50,y:50}},uri=>{ImageStore.getBase64ForTag(uri,base64ImageData=>{//alert(base64ImageData);//获取图片字节码的base64字符串},e

请叫我啊亮·2020-07-15 17:57

React Native 之ScrollView轮播图实现

1.首先如果文件index.android.js或者index.ios.js我这里用的是前者/***SampleReactNativeApp*https://github.com/facebook/react-native

jlhaoran·2020-07-15 17:28

8. 遇到不可抗力的自然灾害

如下图，不解释自然灾害遂怒改用GitHubAPI，一系列改动如下：换名字改用RNGitHub（心好累）升级react-native到最新版本（这世界变化真快）新版本ActivityIndicator兼容

kaenry·2020-07-15 15:27

fatal error: 'config.h' file not found

然后重新安装rm-rfnode_modules/&&yarncacheclean&&yarninstall运行后如果发现依然报这个错误，查看third-party文件夹是否存在lsnode_modules/react-native

Tony_Yang·2020-07-15 12:12

react-native run-android Starting: Intent Error type 3 Error: Activity class does not exist

react-nativerun-androidStarting:IntentErrortype3Error:Activityclassdoesnotexist使用”react-nativerun-android”命令运行android应用时，如果常常出现如下错误：Startingtheapp(/home/xxx/soft/sdk//platform-tools/adbshellamstart-nx

小得·2020-07-15 12:55

react-native从入门到放弃（3）属性与状态

在创建图片的时候，可以传入一个名为source的prop来指定要显示的图片的地址importReact,{Component}from'react';import{AppRegistry,Image}from'react-native

显生宙·2020-07-15 10:28

React-Native中使用antd-mobile的InputItem时遇到输入中文显示的问题

####场景：在React-Native项目中集成了antd-mobile在使用InputItem处理中文输入的时候，按照官方的解决方案是：importReactfrom'react'import{List

xjl271314·2020-07-15 10:19

React Native 集成@ant-design/react-native 3.X

ReactNative集成@ant-design/react-native3.X1、安装官方链接:https://rn.mobile.ant.design/docs/react/introduce-cn#安装npminstall@ant-design/react-native--save#链接所有图标react-nativelink@ant-design/icons-react-native2、按

战·后风！！·2020-07-15 08:25

react-native集成支付宝和微信登录

1支付宝1：走完支付宝官方文档的前几步https://docs.open.alipay.com/204/105296/其中添加权限参考2中的第4步。2：从第6步的添加权限开始走，一直到最后https://www.jianshu.com/p/e2026db4fa22图例2微信1:https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_

蛮吉学长·2020-07-15 08:18

React-Native初体验四（window下实现登录界面）

这篇文章是居于reactNativeTest项目的，要是没有看过之前的文章请先看React-Native初体验一|React-Native初体验二|React-Native初体验三1.界面效果2.代码实现

小码哥教育520it·2020-07-15 06:27

React-native 热更新以及增量更新相关阅读

http://www.infoq.com/cn/articles/react-native-solution-dev-environmentReact-Native热更新以及增量更新blog.csdn.net/qq_22329521/article/details/65631947reactnative实战系列教程之热更新原理分析与实现blog.csdn.net/shandian000/artic

小鱼儿喜欢花无缺·2020-07-15 06:55

react-native 组件默认属性（defaultProps）及属性类型验证（PropTypes）

1.所有的属性类型2.代码importPropTypesfrom'prop-types';typeProps={};exportdefaultclassAppextendsComponent{staticdefaultProps={name:'张三'}staticpropTypes={name:PropTypes.string}render(){return();}}.

zzm_·2020-07-15 05:26

推荐频道

React-native