React-native

制作自己react-native组件并发布到npm

1.安装react-native-create-library库官方地址npminstall-greact-native-create-library1.1创建一个模板项目react-native-create-library--package-identifiercom.quenice.cardview--platformsandroid,ioscard指令的使用Usage:react-nati
mark666·2020-02-05 15:51

Mac下配置.bash_profile（环境变量）

最近开始学习react-native,在调试安卓程序时报错，然后为了解决错误不小心改了.bash_profile这个文件，也就是配置环境变量，结果导致终端很多基本命令都不能使用，在网上找到一些解决办法，
Flum_X·2020-02-05 13:49

React-native 常见错误解决

1.Requiringunknownmodule"xxx"npmstart重启packagerRequiringunknownmodule2.卡在“BuildingxxRect|Running1of2customshellscripts”npmrunreset或者watchmanwatch-del-allrm-rfnode_modules&&npminstallnpmstart----reset-
大东哥哥哥·2020-02-05 11:34

react-native 代码编写错误-- Cannot add a child that doesn't have a YogaNode to a parent without a measure function

Cannotaddachildthatdoesn'thaveaYogaNodetoaparentwithoutameasurefunction!请注意，这个错误是代码的编写错误，例如json的变量没有判断空值，直接使用switch这样的方法，导致后续的代码没有执行或者，执行出错。遇到这个错误，第一步：请检查代码是否有返回完整的View，第二步：检查返回View前的代码是否中断报错，多留意空值的处理
云顶天宫写代码·2020-02-05 04:30

React-Native之SectionList

写这篇文章的起因是项目中遇到了级联列表的需求,而RN里面又没有这种写好的Demo,看江清清大神的博客发现是ListView的版本并且没有实现内部购物车的功能,所以我决定写一个用FlatList+SectionList来完成的级联列表,UI是仿照饿了么来搭建的。(别和我说修改源码！戒了！)下面介绍下SectionList:}renderSectionHeader={({section})=>}sec
因幡白兔·2020-02-05 03:57

React-Native iOS真机 Debug调试步骤

React-Native：版本0.55Xcode:版本10.2.1具体步骤：1.准备证书，苹果调试机，电脑和手机处于同一个WiFi环境下。
乘务员·2020-02-05 01:53

ReactNative(III)

}from'react';import{AppRegistry,//注册组件StyleSheet,//样式组件Text,//文本组件View,//视图组件ScrollView,Image,}from'react-native
Harely·2020-02-02 23:56

RN中的底部导航的路由

RN中的底部路由的设置入门具体参考了如下react-native进入姿势react-native-tab-navigator组件的基本使用1.底部按钮需要安装react-native-tab-navigator
0安·2020-02-02 21:55

RN（react native）入坑指南-07,使用navigator实现页面跳转

前言此文完全参考React-Native中文社区的博客新手理解navigator的教程而来,建议直接跳转链接进行详细学习,为防止链接失效或不可抗力因素无法访问,个人整理简单记录如下.开始由于前一篇文章将代码进行了分层整理
PKAQ·2020-02-02 21:04

React Native 之fetch常用请求封装

/storage'import{Platform}from'react-native'constos=Platform.OS;functioncheckStatu
JMCC117·2020-02-02 17:26

React-Native 中将 redux中的数据持久化

问题：在开发react-native过程中，使用redux保存状态迁移已基本成为一个标准做法。
GGbondMan·2020-02-02 16:00

React-Native 热更新方案（IOS）

背景为什么一直使用React-Native来开发移动App呢？大概有两点比较吸引我。1.整合了移动App的开发，不仅缩短了App的开发时间，也提高了App的开发效率，实现大前端的思路。
李小先生·2020-02-02 15:53

react-native 问题1

Q:调试打包的apk(installthesignedapkontoyourdevice)A:$react-nativerun-android--variant=releasewillQ:/Users/zhangshuai/meteor/tagt/android/app/src/main/res/values/strings.xml:4:Error:"facebook_app_id"isnottr
肖雨·2020-02-02 07:25

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

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

教你React-Native撸android原生百度定位SDK服务[跨平台模块自定义]

通过此文章你将获得如下升职加薪装逼技能动手封装native接口提供reactNative调用集成百度定位sdk定位服务如果当前文章看起来让你非常头疼,您可以:快抱紧我,教你撸出一个简单的React-Naitive[入门基础篇]star我的Github仓库:https://github.com/BolexLiu/MyNote(持续同步更新哦.)问题?哈喽,最近一直在研究reactNative没有碰原
香脆的大鸡排·2020-02-02 02:50

React-Native学习指南

本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎PullRequests！
王冥·2020-02-02 02:40

ReactNative TextInput 增加onPress事件

引用：https://github.com/facebook/react-native/issues/15570
章文顺·2020-02-01 23:46

【React Native】Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: No online devices found.

errorFailedtoinstalltheapp.MakesureyouhavetheAndroiddevelopmentenvironmentsetup:https://facebook.github.io/react-native
零零圈圈·2020-02-01 18:00

react-native 运行报错 no url bundle present

当我们运行一个ReactNative项目的时候，ReactNative会启动一个默认端口号为8081的本地服务，该8081的服务就是ReactNative项目的一个本地服务器，用于提供JSBundle包和一些静态资源.1.8081端口被其他程序占用2.如果你想同时运行多个ReactNative项目命令行react-nativerun-ios--port=8082node_modules文件夹下的s
懂妹儿·2020-02-01 17:27

React-Native第三方汇总 持续更新

重装了系统以后什么也没了,决定从零开始写这样一个持续的文集。1.路由:react-native-router-flux2.Tabbar:react-native-scrollable-tab-view3.轮播:react-native-swiper卡片轮播:react-native-snap-carousel下拉放大视图:react-native-parallax-view6.图片选择:react
因幡白兔·2020-02-01 16:55

【PIT】React-Native(15) PanResponder，Animated，AsyncStorage，AppState，Dimensions，PixelRatio，StyleShee...

大纲react-native-scrollable-tab-view在安卓模拟器上报错react-native-echarts在安卓模拟器上不显示react-native-echarts中的echarts源码版本过低，造成andorid柱状图点击主要图消失？下载最新版本修改源文件！Animated动画组件hooks中如何实现一个动画(rn中)DimensionsPixelRatio手势响应系统Pa
woow_wu7·2020-02-01 16:43

react-native中IOS的webview和js层通信 - WKWebview

0202的开篇，延续9012年最后一篇还没介绍完的剩余部分-WKWebview的通信原理。WKWebview和ios的交互：1)oc调用js的方法：evaluateJavaScript该方法主要是在wkwebview之中调用js代码使用的，该方法能接受js代码以及一个回调函数（js代码执行后的结果会塞到该回调之中）；在rn中的RCTWKWebview之中还会对evaluateJavascript进
DragonChen·2020-02-01 06:21

Taro 2.x的到来，会真正统一国内的跨平台开发吗？

但是还有一个另类的跨平台开发技术-Flutter，目前已经超越了React-native的Star量了。遗憾的是issue还有75
Peter谭金杰·2020-02-01 06:49

字节跳动前端专访：渣二本非科班，一年半经验如何野蛮生长

前言：本公众号关注大牛成长历史、前端面试、Electron、Taro、React-native、Node.js源码、即时通讯等大前端技术栈，欢迎关注，觉得写得不错，可以点个在看。
Peter谭金杰·2020-02-01 00:53

react-native构建基本页面6---打包发布

签名打包发布Release版本的apk安装包请参考以下两篇文章：ReactNative之Android打包APK方法（趟坑过程）ReactNative发布APP之签名打包APK如何发布一个apk先保证自己正确配置了所有的RN环境在cmd命令行中，运行这一句话keytool-genkey-v-keystoremy-release-key2.keystore-aliasmy-key-alias2-ke
跌倒的小黄瓜·2020-01-19 12:00

react-native构建基本页面5---调用拍照摄像头

调用摄像头拍照react-native-image-picker的github官网yarnaddreact-native-image-picker运行react-nativelink自动注册相关的组件到原生配置中打开项目中的android->app->src->main->AndroidManifest.xml文件，在第8行添加如下配置：打开项目中的android->app->src->main-
跌倒的小黄瓜·2020-01-19 12:00

react-native构建基本页面4---渲染电影列表

Component}from'react'import{View,Image,Text,ActivityIndicator,FlatList,StyleSheet,TouchableHighlight}from'react-native'conststyles
跌倒的小黄瓜·2020-01-19 11:00

react-native构建基本页面3---路由配置

路由官网路由相关配置路由简单的DEMO//Main才是项目的根组件importReact,{Component}from'react'import{View,Image,Text,ActivityIndicator}from'react-native
跌倒的小黄瓜·2020-01-19 11:00

react-native构建基本页面2---轮播图+九宫格

配置首页的轮播图轮播图官网运行npmireact-native-swiper--save安装轮播图组件导入轮播图组件importSwiperfrom'react-native-swiper';其中，在Swiper身上，showsPagination={false}是用来控制页码的；showsButtons={false}是用来控制左右箭头显示与隐藏；height={160}是用来控制轮播图区域的高
跌倒的小黄瓜·2020-01-19 11:00

react-native构建基本页面1---主页：tab栏

配置Tab栏配置Tab栏的图标注意：使用图标，需要接收license;/***SampleReactNativeApp*https://github.com/facebook/react-native*
跌倒的小黄瓜·2020-01-19 11:00

react-native简单使用

基本组件的使用介绍View：Text：TextInput：Image：Button：ActivityIndicator：ScrollView：这是一个列表滚动的组件ListView：也是一个列表滚动的组件，但是，这个组件已经过时了，官方推荐使用FlatList来代替它index.js//从Reactnative的包中，导入AppRegistry组件，它的作用，就是注册项目首页的import{App
跌倒的小黄瓜·2020-01-19 10:00

手抓手，带你入门react-native

react-native一、安装环境按照文档安装开发环境我们可以查看安装的环境react-native--versionreact-native-cli:2.0.1react-native:0.61.5
毛贵军·2020-01-18 16:05

自定义SegmentView控件

Component}from'react';import{View,Text,StyleSheet,Dimensions,TouchableHighlight,Animated,Easing}from'react-native
6灰太狼9·2020-01-16 15:15

React Native运行出现Could not find "iPhone X" simulator

打开项目文件夹下'node_modules/react-native/local-cli/runIOS/findMatchingSimulator.js'查找if(!
飞扬天下·2020-01-16 15:00

React Native运行出现Could not find "iPhone X" simulator

打开项目文件夹下'node_modules/react-native/local-cli/runIOS/findMatchingSimulator.js'查找if(!
至尊王者·2020-01-16 15:00

react-native metro 分析

前言metro是一种支持ReactNative的打包工具，我们现在也是基于他来进行拆包的。为了对bundle进行进一步深入的分析，我们就需要深入源码理解一下RN应用metro打包的流程概念Metro的捆绑过程分为三个单独的阶段：ResolutionMetro需要从入口点构建所需的所有模块的图，要从另一个文件中找到所需的文件，需要使用Metro解析器。在现实开发中，这个阶段与Transformati
LaxusJ·2020-01-14 15:49

react-native 问题

1、React-Native模拟器运行与调试https://www.jianshu.com/p/4a72211831ef2、关于react-nativenode服务器启动不起来的问题。
缪先生_·2020-01-11 17:27

如何全方位优化你的超大型React应用 【原创精读】

React为了大型应用而生，Electron和React-native赋予了它构建移动端跨平台App和桌面应用的能力，Taro则赋予了它一次编写，生成多种平台小程序和React-native应用的能力，
Peter谭金杰·2020-01-10 21:44

react-native WebVIew消息传递

onMessage在webview内部的网页中调用window.postMessage方法时可以触发此属性对应的函数，从而实现网页和RN之间的数据交换。设置此属性的同时会在webview中注入一个postMessage的全局函数并覆盖可能已经存在的同名实现。网页端的window.postMessage只发送一个参数data，此参数封装在RN端的event对象中，即event.nativeEvent
__笑我一世沉沦丶·2020-01-10 17:27

在iOS中创建React-Native页面，并跳转到原生页面

需求：上一篇文章中，我们讲到怎么在iOS原生里面集成React-Native，这篇文章将讲解怎么在原生中创建React-Native页面，并且从RN页面跳转到原生页面。
挂着铃铛的兔·2020-01-08 21:34

解决 Setting onMessage on a WebView overrides existing values of window.postMessage, but a previous value was defined.

在React-Native中使用webview的时候，报了一个这样的错误：SettingonMessageonaWebViewoverridesexistingvaluesofwindow.postMessage
FunToYoung·2020-01-08 21:17

Realm Database Javascript

安装1.新建一个react-native项目：react-nativeinit2.cd安装realm包：npminstall--saverealm3.link到你项目上：react-nativelinkrealm
Lucky_ce60·2020-01-08 17:55

react-native开发实例之横向滚动且释放页面跳转

先看下效果图QQ20161220-000532.gif一个横向滚动的listview，footer经过定制，结合onScroll事件，当滚动超过一定范围提示释放即页面跳转。代码如下importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,ListView,Dimensions,Image,}from'rea
sleepforests·2020-01-08 17:27

react-navigation集成入坑

已有项目环境："react":"16.9.0","react-native":"^0.61.5"运行环境：iPhone11ProMax--13.3。
up_up_up·2020-01-08 16:01

React-Native 之 TabBarIOS和TabBarIOS.Item使用

前言学习本系列内容需要具备一定HTML开发基础，没有基础的朋友可以先转至HTML快速入门(一)学习本人接触ReactNative时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢文章第一版出自，如果出现图片或页面显示问题，烦请转至查看也希望喜欢的朋友可以点赞，谢谢TabBarIOS组件简介目前的APP内，大部分都是选项与选项
珍此良辰·2020-01-08 15:58

react-native 网络请求错误

1.出现unabletoresolvehostnoaddressassociatedwithhostname，这种错误，一般情况下，有可能是被防火墙拦截；有可能是模拟器没有解析域名的能力，改用IP地址；有可能是模拟器没有获取上网权限;有可能是App设置了代理，没有连上网络。2.出现ReactNativeNetworkRequestFailed错误fecthapi有问题那就换用XMLHttpRequ
maclery·2020-01-08 14:30

Rect-Native 主要城市选择组件

from'react';import{AppRegistry,StyleSheet,Text,View,Image,ListView,TouchableOpacity,//不透明度触摸AlertIOS}from'react-native
小黑Swift·2020-01-08 13:12

react-native热更新js脚本

说到版本更新，肯定离不开版本号，各家的版本号格式不同，意义也不一致，比较流行的版本号由3到4个数字组成，其中用.隔开，比如1.23.53、2.343.12.34，基于react-native开发产品，我个人觉得比较合理的版本号应该由
3z鸿杰Libra·2020-01-08 10:31

React native安装第三方库导致项目崩溃

安装后，我的Xcode编译本地的RN项目也报错了，一直出现line3:/users/chen/documents/react_native_prj/buspayment_rn/node_modules/react-native
黑羽肃霜·2020-01-08 10:28

reactNative跨平台app开发经验分享-css样式的使用方法与运用

sass的而是使用了js作为样式编译所有的RN样式全部使用js文件使用方法如下//导入StyleSheet模块import{View,Text,Image,......,StyleSheet}from"react-native
Mr柳上原·2020-01-08 05:02
上一页 84 85 86 87 88 89 90 91 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他