React-native 第63页

antd-mobile-web高清适配模式6P的现实问题

因为技术栈的问题，我们选用antd-mobile写了一个H5（不做react-native)；目前遇到一些坑，在这里做个记录：希望大家能够多多补充！

肖子浩92·2020-07-08 08:38

JSBridge框架解决通信问题实现移动端跨平台开发

一、跨平台开发是趋势目前主流的移动端平台主要是Android和iOS，为了尽可能复用代码和节省开发成本，各大巨头都开发了自己的跨平台框架，比如Facebook的React-Native、阿里的Weex、

菜鸟飞不动·2020-07-08 08:16

React Navigation 导航栏样式调整+底部角标消息提示

这是坚持学习react-native的第二篇文章，可能会迟到，但是绝不会缺席，这篇要涉及到的是react-navigation，也是rn社区主推的一个导航库。

程序猿tx·2020-07-08 08:33

react-native 金币彩带雨下落动画

/彩带雨等下落的动画，之前做android原生的时候，写过类似的效果，主要通过自定义view在onDraw里绘制下落的过程，具体可以看下我的这篇github地址android仿微信表情雨下落，现在转战react-native

程序猿tx·2020-07-08 08:32

RN笔记-Fetch网络请求和ListView展示

}from'react';import{AppRegistry,StyleSheet,Text,View,Dimensions,//用于获取设备屏幕的宽高ActivityIndicator}from'react-native

dangxy丶·2020-07-08 07:53

react-native windows10 android 开发环境搭建

react-native第一步开发环境搭建，后续会持续更新开发中的坑和提测发版等。

song_de·2020-07-08 06:59

react-native 实现条码扫描(ios&android)

从网上看了很多关于reactnative实现条码扫描的文章，里面出现了很多第三方库，有的文章说react-native-camera不能支持Android，我就自己试着写写，发现他可以兼容ios和Android。下面就来看看怎么实现吧~http://www.jianshu.com/p/2cef1baf9a6f一、新建项目首先打开终端，在相应的目录下输入命令创建新项目react-nativeinit

大灰狼的小绵羊哥哥·2020-07-08 05:31

react-native三级城市联动选择

省市数据链接https://download.csdn.net/my/uploads/3/1以下是省市数据的截图然后在react-native代码中实现省市的选择，实现如下：importareaDatafrom

花程序媛·2020-07-08 05:53

RN笔记-TabNavigator非Push显示原生页面

react-native使用react-native-tab-navigator底部导航器，需要实现Tab导航器切换rn视图和native原生视图。

dangxy丶·2020-07-08 02:36

react-native-splash-screen APP启动页设置

介绍：react-native-splash-screen是个很好的管理react-native项目组件。

qq_42222886·2020-07-08 02:55

使用react-native-camera实现react-native的拍照功能

安装以及配置官方文档注：请确保RN版本>0.60针对ioswindow系统开发app无需配置，因为iosapp只能使用苹果电脑开发安装1、npminstallreact-native-camera--save2、cdios&&podinstall&&cd..配置应用添加权限和使用说明ios文件夹创建Info.plist：NSCameraUsageDescriptionYourmessagetous

hellochange·2020-07-08 01:36

react-native多功能模态弹框选择

看着那些选择组件，不能满足开发项目的需求，还是自己编写一个自定义的模态框选择组件功能说明同一个组件实现如下功能0、出现动画效果1、多选：可以实现多选的功能2、单选：可以实现单项选择3、存在默认值情况处理***模态选择框**props:*data:[{id:1,display:'111111',}],//数据格式id和display描述*mult:true|false是否多选*dataKey:{id

影夜随风·2020-07-08 00:50

react-native创建项目遇到的那些bug（3.No connected devices！

Noconnecteddevices！：设备未连接我链接的是夜神模拟器，出现这个报错分为几种情况：1.夜神模拟器长时间未动，链接掉了，重启即好。2.重启之后，还是报这个错误，查看你的链接设置。查看方式：cmd输入：adbdevises当你出现这种情况时，说明链接正确可以运行，还有下面这种情况：这种情况下说明你的模拟器的adb版本太低，被杀死了，（这里就要吐槽一下adb，低版本还不让用了）处理方式：

大人的小菜·2020-07-08 00:23

iOS---React Native 集成到现有项目

一、rn初始化1.配置好package.jsonimagename：项目名称version:版本号react-native:rn的版本号，这个很重要，这个版本号一定要跟后面的资

jeff_guan·2020-07-07 23:57

用RN( ListView + Navigator ) + Redux来开发一个ToDoList

教程说明如何初始化一个reduxStore如何使用action+reducer来管理state如何在react-native里更新ui这个例子可能不是很具体，但是对于理解用法比较好(目前看到的例子都是counter

大灰狼的小绵羊哥哥·2020-07-07 22:51

react-native （二维码扫描实现）/导入react-native-camera遇到的问题记录

react-native-camera插件没有相册选取的封装（不知道是不是没找到，源码扒光了也没看见），下一篇使用另一插件重新实现此功能按照官方正常的导入流程npminstallreact-native-camera--savereact-nativelinkreact-native-camera发现在编译的时候会碰到各种各样的问题，依次解决但最后还是放弃了（尽力了，问题太多了！！！），最后试着找

jiao_0·2020-07-07 22:55

react-native Text 多余的字数隐藏，并用省略号显示

参考https://reactnative.cn/docs/text#numberoflinesnumberOfLines用来当文本过长的时候裁剪文本。包括折叠产生的换行在内，总的行数不会超过这个属性的限制。此属性一般和ellipsizeMode搭配使用。ellipsizeMode这个属性通常和下面的numberOfLines属性配合使用，表示当Text组件无法全部显示需要显示的字符串时如何用省略

像树_·2020-07-07 21:45

为什么Build React-Native程序要等很久

问题自从React-Native(以下简称RN)升级到0.14版本之后，我就发现每次从xcode启动程序变慢了，慢了大约有10秒左右。这件事情一次两次还能忍，但是每次如此实在是浪费生命。

jacobbubu·2020-07-07 21:34

1.8 Fetch的轻量级封装

源代码[地址][12][12]:https://github.com/BaiPeiHe/react-native封装//HttpUtils.js文件exportdefaultclassHttpUtils

倪灏·2020-07-07 21:42

React Native - Height and Width

importReact,{Component}from'react';import{AppRegistry,View}from'react-native';c

Ru_JJ·2020-07-07 21:05

RN异常:"Unable to resolve module `react-native/Libraries/vendor/emitter/EventEmitter`

本文借鉴"天蒙蒙亮"的博客https://blog.csdn.net/qq_38719039/article/details/800480491.基本原因:因为版本的不同使得EventEmitter层级目录发生变化,而最终导致无法找到该文件2.解决方法步骤如下:a.首先先安装EventEmitternpminstallEventEmitterb.如果还报错的话,试着找到引用当前文件的类:/xxx/

小虎灬灬·2020-07-07 20:53

RN- Navigator的使用及传值

importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,TouchableOpacity,TextInput}from'react-native

壹点微尘·2020-07-07 20:14

react-native抽奖转盘制作

一二一的代码importReact,{Component}from'react'import{View,TouchableWithoutFeedback,Animated,Easing}from'react-native'importstyledfrom'styled-components'import

Hello Hongbin·2020-07-07 18:13

react-native 的简介

最近在学react-native，感觉很必要沉淀一下相关的知识，所以写一编关于react-native的简介的博文。

小水滴2014·2020-07-07 17:32

Android原生项目引入最新的React Native包

做一个记录，解决androidstudio无法下载最新的ReactNative问题在你的android/app/build.gradle添加代码compile'com.facebook.react:react-native

muchmore_it·2020-07-07 17:52

找iOS原生APP开发

源代码需求：需iOS原生开发,不能有以下框架或第三方库Cocos2dx/Cocos2d、Jpush、Unity、React-native内容需求：1、功能可参考其他彩票APP。

Amber55·2020-07-07 15:03

React-Native原生UI交互

react-native的使用现在越来越广泛，优秀的第三方组件也层出不穷，有纯JS的，也有依赖原生组件的，当然，纯JS的组件在应用上更为简便，不需要考虑平台，但也有些是纯靠JS做不到，则会考虑从原生导出

redye·2020-07-07 14:15

react-native打开摄像机、ios端二维码扫描

近日很多人反映react-native-camera怎么用？还有人说ios的二维码扫描咋没有呢？其实这些问题在react-native-camera上都有介绍，在ideacreation/React-native-barcodescanner中也有讲，如果是ios的话请使用react-native-camera；下面我就RN调用摄像机做下简单的介绍吧：一、首先打开终端命令，进入项目，输入一下命令：

我是刘成·2020-07-07 14:45

React-Native开发：Android真机调试（小米手机miui9系统）

建议根据官网给的步骤来进行安装，但是我根据官网步骤安装时遇到了一些报错，因此在这里记录下，官网步骤：在设备上运行。具体步骤：1、开启手机USB调试（在设置->更多设置->开发者选项->USB调试），同时打开USB安装（允许通过USB安装应用，否则初始化app时会安装失败，报INSTALL_FAILED_USER_RESTRICTED错误）；2、确保你的设备已经连接成功，在CMD中输入adbdevi

jiaoyanlin·2020-07-07 13:57

React Native Splashscreen实现

index.android.js/***SampleReactNativeApp*https://github.com/facebook/react-native*@flow*/importReact,

苦行僧Sco·2020-07-07 12:40

React-Native 开发笔记

React-Native数据库读取问题问题描述：原生与RN在数据库交互方面，RN端始终读取不到数据库产生原因：之前是在application:didFinishLaunchingWithOptions:

啊啊啊啊锋·2020-07-07 11:41

[微信小程序]适配各个不同机型屏幕

微信小程序该如何适配各个机型屏幕我们知道在原始设备中,iOS有pt,安卓有dp(密度无关像素),但是无论在原生开发语言还是在React-native中,我们处理屏幕适配,都可以采用动态获取当前屏幕的方式计算比例

iOSTianNan·2020-07-07 10:19

React Native - 05 - 宽与高

importReact,{Component}from'react';import{View}from'react-native';exportdefaultclassFixedDimensionsBasicsexte

wanqijian·2020-07-07 09:34

React-Native笔记

使用淘宝NPM镜像大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝NPM镜像。淘宝NPM镜像是一个完整npmjs.org镜像，你可以用此代替官方版本(只读)，同步频率目前为10分钟一次以保证尽量与官方服务同步。你可以使用淘宝定制的cnpm(gzip压缩支持)命令行工具代替默认的npm:$npminstall-gcnpm--registry=https://registry.npm

he_wen_jian·2020-07-07 09:34

npm私有仓库verdaccio在docker环境下的配置

自己的前端组在开发react-native用到很多封装的包，私有仓库是很有必要的，之前使用过nexus的npm仓库。verdaccio相比界面化更亲近，配置相对来说也比较方便。

最刚·2020-07-07 08:09

react-native 自定义多选

页面部分:{this.state.answer.map((item,index)=>{return(this.changeImage(index)}>{index==this.state.index?:}{/*A*/}{item.a_text})})}touchableOpacity换大写Tjs部分://多选changeMoreSelect=(index)=>{constset=newSet(th

dilong6852·2020-07-07 06:17

react-native 自制多选功能

//多选js部分changeMoreSelect=(index)=>{constset=newSet(this.state.changeArr)set.has(index)?set.delete(index):set.add(index)//通过下标查询,如果set返回true则删除,反之则添加下标this.setState({changeArr:[...set]},()=>{console.lo

dilong6852·2020-07-07 06:46

react-native学习路线总

本人新手web前端程序员一枚，应公司要求学习React-native框架，作为博客萌新来讲讲我这一个月学习历程，新人和前端的朋友们可以一看，其他都可看，反正不用你掏钱啊。

Little_Shaun·2020-07-07 06:48

判断文件的后缀名

在react-native都会遇到文件判断是什么类型，但是很多文件比如图片这样的会有后缀名是大写的，这就需要我们转换成小写，要不然在判断的时候会增加一倍的条件代码，下面就是react-native转换大小写的代码

Smallwolf_JS·2020-07-07 05:03

react-native——fetch

fetch的入口函数定义在node_modules/whatwg-fetch.js文件中，如下self.fetch=function(input,init){returnnewPromise(function(resolve,reject){varrequest=newRequest(input,init)varxhr=newXMLHttpRequest()xhr.onload=function(

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

react-native-image-crop-picker(react-native 图片选择)

好记性不如烂笔头，今天把react-native-image-crop-picker总结下。废话不多说，开始。1.执行下面命令行：npmireact-native-image-crop-picker--savereact-nativelinkreact-native-image-crop-picker安卓配置1.在android/build.gradle添加以下代码allprojects{repo

妄自·2020-07-07 04:15

ReactNative Demo - 仿携程UI Demo

from'react';import{AppRegistry,StyleSheet,Text,View,Image,DrawerLayoutAndroid,ListView,PixelRatio,}from'react-native

风的王子·2020-07-07 04:09

react-native 结合ant-Design- mobile, 发现有些组件样式不好调,尤其是嵌套很多层的子组件. 解决办法如下

更新:2017-06-19新添加方法2:更新:2017-06-23简单封装:更新:2017-07-03发现需要使用的地方比较多,最后封装成函数:-现-在的项目使用的是react-native结合ant-Design-mobile

有情怀的程序猿·2020-07-07 03:57

RN日常开发问题集

可能还有很多问题没记录上来，欢迎交流学习....Q:"CFBundleIdentifier",DoesNotExist在终端执行：react-nativeupgrade如果还报错则将package.json中的react和react-native

_毛毛雨·2020-07-07 02:51

react-native 实现扫描二维码或拍照上传（react-native-camera）

react-native实现拍照上传及扫描二维码功能自从入了rn项目的坑，开始了踩坑历程，下面总结一下拍照上传遇见的坑：使用的主要插件是：react-native-camera和react-native-image-picker

nxyzhang·2020-07-07 01:54

react-native android打包

reactnative打包生成一个签名密钥命令行输入：keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity10000my-release-key.keystore签名密钥文件名（可自行修改）my-key-alias别名可修改例如：keytool-genkey

妄自·2020-07-07 00:22

react-native 添加首页底部导航栏出错 react-native-tab-navigator Error:Element type is invalid:expected a string

react-native添加首页底部导航栏出错react-native-tab-navigatorhttps://github.com/ptomasroos/react-native-tab-navigator

SmallWalnutBG·2020-07-07 00:30

React-Native中通用组件（Alert、Loading）

移动端开发过程中Alert和Loading框是必不可少的组件，各个平台都有提供相应的API，当然UI样式、响应方式具有平台的差异，React-Native（iOS、Android）项目中使用一套代码，想要抹平平台差异就需要自己单独实现一套

尹_路人·2020-07-06 23:41

React-native的单元测试框架-Jest

首先一个简单例子，自己先试了一下～安装使用命令npminstalljest-cli--save-dev来安装Jest命令行:localhost:[email protected]_modules/jest-cli├──[email protected]├──[email protected]├──gra

OneCrazyDog·2020-07-06 23:48

React Native图片显示以及点击

/***SampleReactNativeApp*https://github.com/facebook/react-native**@format*@flow*@lint-ignore-everyXPLATJSCOPYRIGHT1

王焕龙·2020-07-06 23:51

推荐频道

React-native