React-native 第51页

react-native自定义原生组件

使用react-native的时候能够看到不少函数调用式的组件，像LinkIOS用来呼起url请求 LinkIOS.openUrl('http://www.163.com');actionSheetIOS

weixin_34296641·2020-08-04 05:35

React-Native package.json、node_modules等文件说明

摘要：在我们成功创建一个rn项目，会出现、node_modules这些文件，这些文件的具体作用是什么下面来详细说明一下。1、.babelrc适配es6自动生成的文件2、package.jsonnpm的包管理文件，功能类似iOS的cocoaPods3、package-lock.json主要功能是确定当前安装的包的依赖，以便后续重新安装的时候生成相同的依赖，而忽略项目开发过程中有些依赖已经发生的更新4

weixin_33918357·2020-08-04 05:56

react-native 自定义弹窗组件实践

react-native上自定义弹窗组件1、造轮子背景用react-native写项目也有段时间了，一直没有看好自定义程度多高的自定义弹窗组件、之前写了很长时间的iOS原生、一直觉得MMPopupView

shadow_WLY·2020-08-04 03:19

这个交互也太炸裂了趴

在本文中，您将了解如何使用ScrollView和react-native的AnimatedAPI创建标题动画。在文章结尾之后，我们将获得以下输出Howitworks?在Scrol

villa_mou·2020-08-04 03:27

RN-Navigation

在ReactNative项目中导入Navigation模块这个过程的学习费了差不多一天的工作量；人间地狱其实也简单，就是重复冒出慕名奇妙的错误让我抓狂先是yarnadd后react-native版本不兼容

RichChane·2020-08-04 03:59

React Native学习之自定义一个组件

React中一个组件我们可以理解为一个View下面介绍如何自定义并使用一个组件首先我们创建一个组件文件ComponentExample.js'usestrict';varReact=require('react-native

chris-gardner·2020-08-04 03:00

React-Native初体验五（window下引用第三方库：Toast）

在看这篇文章是居于reactNativeTest项目的，要是没有看过之前的文章请先看React-Native初体验四下面介绍的第三方库是：react-native-root-toastreact-native-root-toast

LiuJun2Son·2020-08-04 02:23

react-native 自定义容器组件-this.props.children

自定义容器组件是什么样子的呢？？首先看一个效果（上面的toolbar）：代码上的使用是这样的，自定义容器组件集成了组件三个组件来实现和适配iOS和Android平台下的头部显示。自定义之后，看使用方式容器组件定义的核心就是this.props.children。但是在使用this.props.children的时候有几个点需要注意；this.props.children在View中使用的时候，一般

学术袁·2020-08-04 02:30

React-Native antd-mobile-rn组件库集成使用

github地址https://github.com/ant-design/antd-mobile-samples/tree/master/create-react-native-app文档地址：https://rn.mobile.ant.design/docs/react/introduce-cn集成1.安装antd-mobile-rn库npminstallantd-mobile-rn--sav

大灰狼的小绵羊哥哥·2020-08-04 00:07

react-native新导航组件react-navigation详解

react-navigationreact-navigation是今年1月份新出的一款react-native导航组件,才几个月github就三千多star,半官方身份,fb推荐使用,据称性能和效果跟原生差不多

大灰狼的小绵羊哥哥·2020-08-04 00:36

react-native 生成二维码并截图保存的功能实现

rushichunqiu·2020-08-04 00:48

react-native 配合 react-navigation 入门demo

前置条件：安装好react-native，通过react-nativeinitxxxproject再react-nativerun-android运行安装好react-navigation相关可以看官网的文档

Daisyiko·2020-08-03 22:40

React-Native开发八 react-navigation之自定义组件Counter

1前言我们知道RN中任何界面元素都可以看成组件，小到一个按钮，大到一个页面。RN开发就是不停的开发组件和使用组件，并让他们协同工作，这样高效率协同的运行起来，这样就能完成一个APP的功能了在实际的开发中，我们经常需要自定义一些满足我们项目开发的自定义组件，类似于Android开发中的自定义View。不过RN中自定义组件比Android中自定义View稍微简单一些。下面以一个计数器Counter的例

带你装逼带你飞的程序猿·2020-08-03 20:02

react-native自定义组件组件传值(十)

react-native自定义组件组件传值react-native使用JSX的模版语法，自定义组件模块是最常见的组织代码方式，同时使用自定义组件也可以使数据模版高效复用，交互变得更加统一，下面是常见的自定义组件封装方式

Museions·2020-08-03 20:42

React-Native引用自定义组件

自定义组件LoginView：importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View}from'react-native

liu__000·2020-08-03 19:29

No podspec found for 'react-native' in ./node_modules/react-native报错解决

报错原因是因为podinstall时没有找到对应react-native目录下的.podspec文件导致错误有两种可能：node_mudules/react-native目录下有.podspec文件，但和

judgejames·2020-08-03 18:37

react-native node解决tar ENOENT: no such file or directory, open '/node_modules/.staging/react-native-

tarENOENT:nosuchfileordirectory,open'/node_modules/.staging/react-native-fetch-blob'这个是由于node(版本?)的原因造成的，解决方法分别执行下面三个命名，第一个需要输入密码sudonpmcacheclean-fsudonpminstall-gnsudonstable这样就可以了。具体的报错信息如下WARNtarE

jia611·2020-08-03 18:12

【2020 React-Native 系列】之 react-native-splash-screen

环境撰写时间：2020-08-03ReactNative版本：0.63.2Xcode版本：Version11.6(11E708)在RN中，添加启动图是非常方便的，我们可以使用react-native-splash-screen来完成此工作react-native-splash-screen插件也有点老了，官方文档及其他教程都有一些问题，这里更新一下最新的安装过程Installyarnaddreac

enda·2020-08-03 17:29

React-Native Android 编译报错 Could not download imagepipeline.aar

根目录build.gradle修改allprojects{repositories{maven{url'http://maven.aliyun.com/nexus/content/groups/public'}//添加这句，使用阿里云镜像mavenLocal()maven{//AllofReactNative(JS,Obj-Csources,Androidbinaries)isinstalledf

国际巨星赫赫·2020-08-03 17:12

一个标准的 react-native 组件

前言：react-native开发的app，虽然说是兼容android和ios两端；但其框架本身的设计思想有很多还是和前端类似的（毕竟是react的衍生产物）；其开发模式主要还是组件化！

halo1416·2020-08-03 17:39

REACT-NATIVE入门(环境搭建及HELLOWORLD)

--version查看是否安装正确Android开发环境准备npminstall-greact-native-clireact-nativeinitAwesomeProject由于众所周知的网络原因，react-native

aiantu4065·2020-08-03 14:42

初始化react-native项目运行采坑

第一坑.react和react-native版本配合有很高的要求init项目启动后报如下错误：error:bundlingfailed:"Unabletoresolvemodule`AccessibilityInfo

番茄鸡蛋挂面·2020-08-03 13:31

React-Native(node_modules)

问题背景：为了节省app存储空间，好多github上的项目没有node_modules模块。1.自己创建的工程在终端直接使用：react-nativeinit项目名称。localhost:Desktopniu$react-nativeinitNiuReactThiswillwalkyouthroughcreatinganewReactNativeprojectin/Users/niu/Deskto

牛shu·2020-08-03 11:05

windows平台react-native搭建开发环境踩坑记录（could not connect to development server）

排查步骤首先检查自己环境配置和搭建的步骤是否正确，环境变量是否配置，详细的配置步骤请参考react-native官网检查包服务器是否运行，若没有则运行npmstart运行react-nativerun-android

PAT-python-zjw·2020-08-03 09:39

React-native 键盘弹出绝对定位上浮

RN中解决键盘问题ios上原生集成IQKeyBoardManager，具体集成方法请另行百度android上RN会自动上浮页面–碰到如下问题感觉整个人都不好了，react-native-tab-navigator,是一个很常用的第三方库，在android上选择一个TextInput，然后会发现在首次渲染的时候，tabnavigator这个组件是没问题的，可是当某些情况下在回到页面，发现tabnav

zhugeaming1314·2020-08-03 09:43

react-native系列(2)入门篇：Windows系统下配置Android开发环境

本文主要内容是在Window系统下配置AndroidAPP的开发环境，配置过程将会有点麻烦，请大家需要有点耐心。当然大家也可以参考RN官网的配置过程，但实际上很多开发者根据官网步骤并没能配置出完整的RN开发环境。目前RN的最新版本是0.57，我们将以这个版本为例配置Android的开发环境。要配置RN的Android开发环境需要4个依赖：JDK（版本必须是1.8）Node（版本必须高于8.3）Py

黄泽平·2020-08-03 09:36

React-Native部分API学习

一、react-navigationhttps://reactnavigation.org/docs/zh-Hans/navigating.html1、常见的导航分类StackNavigator：类似于普通的Navigator，屏幕上方导航栏TabNavigator：obviously,相当于iOS里面的TabBarController，屏幕下方标签栏DrawerNavigator：抽屉效果，左侧

yuge486·2020-08-03 09:49

react-native移动app开发指南（一）环境的搭建

关于react-native的介绍请各位自行百度，本系列文章将着重讲解如何从零开始搭建一个react-native开发环境。

xieamei·2020-08-03 08:13

ReactNative环境安装，超详细。

开发自已第一个APP.许多人学习react-native放弃的很大一部分原因是一开始环境就让学习者头大，并不是语法或者组件上的问题。

xiaosongyang·2020-08-03 08:35

react native面试题

web前端面试react-native篇ps：一部分关于reactnative面试题搜集总结，不喜勿喷，有什么问题希望大家指正，谢谢！！！

连句问候都没有的孤独者·2020-08-03 08:58

使用react-native开发Android出现的红屏bug。

@[TOC]求助前端大佬react-nativerun-android的时候出的bug。该如何调试欢迎使用Markdown编辑器你好！这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我

weixin_43470496·2020-08-03 07:44

使用真机调试react-native步骤（安卓机）

1、开启USB调试2、检查你的设备是否能正确连接到ADB（AndroidDebugBridge），使用adbdevices命令$adbdevicesListofdevicesattachedemulator-5554offline#Googleemulator14ed2fccdevice#Physicaldevice3、在工具栏中找到app，点开后选择“Editconfigurations”4、选

yqq_hh·2020-08-03 07:35

React-native 日历控件即拿即用

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

挠叔·2020-08-03 07:05

react-native真机调试报错

react-nativerun-android的时候前一天还可以打包都一切正常今天早上开电脑发现一直报错01:46:55E/ddms:'C:\Users\Administrator\AppData\Local\Android\sdk\platform-tools\adb.exe,start-server'failed--runmanuallyifnecessary:app:installDebug

魔莫·2020-08-03 07:47

React-native 开发常见错误记录（一）

1.生成项目报错：执行react-nativeinitAwesomeProject的时候，创建完的项目里边只有package.json和yarn-error.log。提示npm仓库里找不到文件，后来发现在执行react-nativeinitAwesomeProject后启动了yarnadd,好像意识到是yarn的问题了，运行：yarnconfigsetregistryhttps://registr

weixin_34239592·2020-08-03 07:28

React-Native-Android-Studio整合开发+环境配置+官方实例

步骤1，2，3来配置ReactNative开发环境步骤4,5做react-native与Android运行demo整合开发。1.安装Nodejs1.1.下载最新版nodejsno

weixin_33749242·2020-08-03 06:47

react-native 启动流程原理解析

这里以我目前项目中用到的版本为例：{"react":"16.0.0-alpha.12","react-native":"^0.46.4

weixin_33724059·2020-08-03 06:39

vscode 搭建react-native

vscode搭建react-native选择：vscode+typings+eslint*vscode:宇宙最强IDE家族的最新产品*typings:基于typescirpt的接口文件*eslint:代码静态检查

weixin_30532987·2020-08-03 06:57

React-Native坑1：Invariant Violation:Application 项目名 has not been registered.

React-Native坑1：InvariantViolation:Application项目名hasnotbeenregistered.字数347阅读1421评论3喜欢7前言在学习一门新技术的你也许有跟我一样的困惑

weixin_30315723·2020-08-03 06:28

React-Native开发总结+构建-调试-基础归纳总结

更新时间：2017年11月07日16:47:07《我的博客地图》对于前端工程师来说，这几年是最辉煌的时刻，前端框架层出不穷，而且出现了像RN这种功能的框架，更让移动开发工程师大跌眼镜望洋兴叹。新技术的不断涌现，说明了一个问题，前端在编程技术界的地位越来越高，而且前端工程师的岗位越来越有挑战性，如果不努力学习就赶不上大部队了。虽然RN框架兼容Android和iOS平台，即一套代码开发出的native

万少博·2020-08-03 06:28

在windows上搭建React-Native开发环境

现在RN是越来越火了，我也趁机来凑凑热闹，记录一下我的搭建过程。第一步，当然是按照Android开发环境啦，包括JDK、SDK、AndroidStudio等，在这里为大家推荐一个各种android开发工具下载的网站android开发工具下载。最后提醒一下大家，如果你android-sdk是最新的，那么可以不用配置代理也能正常下载更新sdk了。第二步，我们需要安装一个git工具。这里有一个安装教程：

余烬岛游戏·2020-08-03 06:55

React Native运行官方例子----组件集合

ReactNative运行官方例子—-组件集合（一）前言（二）下载ReactNative官方例子ReactNative项目官方例子源码地址：https://github.com/facebook/react-native

黔北iOSer·2020-08-03 05:35

react-native-viewpager使用报错

代码如下：importReact,{Component}from'react';import{StyleSheet,Text,Button,Image,Dimensions,View}from'react-native

土家稀哥·2020-08-03 05:52

react native 之环境搭建常见问题

1.Error:Unabletoresolvemodule`AccessibilityInfo`from`\react-native-implementation.js`问题原因:react-native

ZartM·2020-08-03 05:17

(React-Native 学习之二) Windows 版本 RN开发相关软件安装

一，Chocolatey安装：Chocolatey是一个Windows上的包管理器，类似于linux上的yum和apt-get。你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样：一般来说，使用Chocolatey来安装软件的时候，需要以管理员的身份来运行命令提示符窗口。译注：chocolatey的网站可能在国内访问困难，导致上述安装命令无法正常完成。请使用稳定的工具。如果你实在

zq_Hero·2020-08-03 05:16

react-native 之移动端开发九问

在分析这些疑惑之前，我先就用语言描述两个概念react是一种用于构建用户界面的JavaScript库；javaScript是一种基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。使用原生方式写移动应用之后，我们换用reactnative写，中觉得会怪怪的，怪在哪里？实现业务的方式不同了！！在这里总结几条：1，如何在`reactnative`的组件中声明变量并

学术袁·2020-08-03 05:22

React Native创建项目时报错:npm ERR! Windows_NT 10.0.10240 错误

问题描述ReactNative创建项目时报一堆的错:[email protected]:\RN_Android\app_projects\fendo\node_modules\react-native

lfendo·2020-08-03 05:58

React-Native萌新入坑指南

一，环境配置中文官方网站https://reactnative.cn/docs/0.51/getting-started.html#python-2二、初学React前端入坑教学视频http://www.jingyingba.com/Home/Playing/showPage/product_id/67.html三、创建和启动APP1、创建工程命令行cd:工程父目录react-nativeinit

泠牙·2020-08-03 05:30

react native 0.59 Error: Unable to resolve module `./index`

刚初始化0.59.1的react-native官方demo,react-nativerun-android失败，报错找不到node_modules里react-native下的.

it_弈风·2020-08-03 05:26

Windows上搭建React-Native开发环境

React-Native怎么样我还不知道，只知道要学习这个东西。今天给大家说一说，如何在Windows上搭建React-Native的开发环境。

云雾雨烟·2020-08-03 05:42

推荐频道

React-native