React-native

mac 运行 react native run－ios 报错处理

用vscode运行react-native工程时报错：Couldnotdebug.Errorwhileexecutingcommand'react-nativerun-ios--simul解决方法：在终端执行如下命令
湖白·2021-06-08 18:05

80行代码实现react-native无缝滚动组件兼容web端

实现效果如图，gif录制有点卡顿，实际效果要好很多gif1.gif数据展示型组件重要的是在于实现思想要实现无缝滚动必定要将滚动自元素复制一份，从而衔接滚动的头部与尾部；这里主要用到React.cloneElement(child,props)与React.Children.forEach()两个api，将需要渲染的子元素劫持，复制一份后渲染，并加上对应的key值：React.Children.fo
lvzhiyi·2021-06-08 18:09

react-navigation 2.x与redux 整合记录

写在前面最近一直在学习react-native相关知识点，因需要使用react-navigation与redux集成，因此看了react-navigation官网关于redux集成的简单demo，但是因为是写在同一个文件内
toShy·2021-06-08 16:36

React-Native 简单实现日历样式的签到记录

image.pngimportReactfrom"react";import{StyleSheet,Text,View}from'react-native';importtype{ViewStyleProp
zsgnaw·2021-06-08 07:25

地图

/node_modules/react-native',:subspecs=>['Core','CxxBridge',#IncludethisforRN>=0.47
米亚流年·2021-06-08 00:36

react-native中长度单位换算

初学者在一开始接触到RN的时候，可能在写样式的时候，会直接写成test:{height:64,width:64,}这样写有什么不好呢？我们看处理前和处理后的对比，以及大手机和小手机的对比处理前大小手机之间对比.jpg处理后带下手机之间对比.jpg对于适配来说，在大手机上显示的就是相对大一点，在小手机上就会相对小一点，而看上面两幅图对比一下，处理前在大手机上反而高度要小，但是我们做了一番处理之后，在
雅玲哑铃·2021-06-07 21:13

react-native 插件汇总

react-native插件汇总部分自己搜集部分来自别的网站第三方路由插件react-native-router-fluxreact-native-scrollable-tab-view选项卡测滑动菜单
b5178b2592d4·2021-06-07 18:12

react-native 的Props（属性）和 State（状态）

简介大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）。我们使用两种数据来控制一个组件：props和state。props是在父组件中指定，而且一经指定，在被指定的组件的生命周期中则不再改变。对于需要改变的数据，我们需要使用state。props（属性）以常见的基础组件Image为例，在创建一个图片时，可以传入一个名为source的属性(prop)来指定要显
itzuo·2021-06-07 16:40

React-native ESLint & Airbnb 配置

1.jpg新建项目的时候必然要进入代码编写格式,特别是团队开发,每个人的编码习惯不同,一旦发生读别人代码这种"美好"的事情时,避免不了的尴尬.那么代码规范就尤其重要.在开发react-native加入Eslint
一天清晨·2021-06-07 12:53

React-native 无法运行

用终端运行react-native工程时，出错：xcrun:error:unabletofindutility"instruments",notadevelopertoolorinPATH解决办法：解决方法
纱云·2021-06-07 11:10

VS code 提示很慢

第一步安装typingsnpminstall-gtypings第二步使用typings安装相关代码提示包先进入你的react-native项目中，在项目的根目录下:typingsinstalldt~react-native
冰天无幻·2021-06-07 06:37

React-Native 双平台应用的测试发布和 CodePush 热更新部署

初衷最近在做一些基于RN的产品预研工作，当预研开发进行到一定程度时，就需要“平时多用用”了，但是继续RN的debug版本，不管是Android还是ios平台，都会有烦人的yellowboxwarning提示，所以刚才完成掉一个原型产品的开发、测试、反馈闭环流程，也就是发布测试包、测试并使用、反馈以及重新发包。在RN的世界里，还多了一个CodePush热更新的内容，所以基本的流程会是发布一个基线版本
萝卜日志·2021-06-06 20:37

ReactNative unable to load script from assets 'index.android.bundle'

问题描述androidstudio编译React-Native正式包后，编译过程正常，打包apk也正常，安装过后启动应用直接崩溃，查看日志提醒：reactnativeunabletoloadscriptfromassets'index.android.bundle
幻雪之恋_0414·2021-06-06 16:31

react-native跳转iOS原生界面

描述：原生的react-native项目中跳转到自动生成的iOS页面里。
幻蝶恋影·2021-06-06 09:10

React-Native封装带阴影的Card组件

全局安装react-native-create-library命令工具，用于创建自定义组件模板。npminstall-greact-native-create-library通过该命令工具我们创建一个组件项目，并指定平台为android和ios,指定android中的packagereact-native-create-library--package-identifiercom.zhangyu.
无穷369·2021-06-06 09:18

react-native 组件说明整理

SafeAreaViewSafeAreaView的目的是在一个“安全”的可视区域内渲染内容。具体来说就是因为目前有iPhoneX这样的带有“刘海”的全面屏设备，所以需要避免内容渲染到不可见的“刘海”范围内。本组件目前仅支持iOS设备以及iOS11或更高版本。SafeAreaView会自动根据系统的各种导航栏、工具栏等预留出空间来渲染内部内容。更重要的是，它还会考虑到设备屏幕的局限，比如屏幕四周的圆
追逐繁星D孩子·2021-06-06 02:13

react-native使用第三方库

react-native的第三方库或组件一般有两种，一种是样式相关，不涉及到系统的，如页面导航、轮播图等，这种只需要使用npminstall命令安装好即可使用；另一种是使用到了系统中的一些功能，如录音、
wuruiliang·2021-06-06 02:08

React Native

/node_modules/react-native',subspecs:['BatchedBridge',]Text组件,在Android平台上，Text组件里使用pa
幻想no现实·2021-06-06 01:14

RN页面跳转到iOS原生控制器

参考从react-native中跳转到自带的原生页面，首要的问题就是跳转，怎么跳转。
常常may·2021-06-06 01:54

日志服务利用sourceMap作错误栈解析

前景提要：react-native代码混淆后上报错误日志无法看到错误日志的错误栈信息，对我们根据日志进行错误定位有一定影响，考虑一下几个处理手段：不混淆reactnative的bundle文件，看是否能正确定位根据
2林子易2·2021-06-05 20:43

react-native run-ios fails while downloading realm-sync-cocoa

初次在macOS运行时由于无法下载realm-sync-cocoa导致的错误errormac开了代理但还是无法下载，在node_modules中找到了相关的downloadfunction，在代码中也有检查代理并使用代理下载，但是还是无法下载pathdownload-realm.js>downloadgoogle了一些方法但是都doesn'tworkforme...也可能是自己太菜了~_~最后解决
天方夜譚·2021-06-05 16:58

react-native 仿网易云音乐旋转唱片动画

一直觉得网易云音乐的播放界面很酷，现在利用react-native动画实现这个界面.要点有两个，1图片要变园使用borderRadius=1/2height.2动画处理改变图片的旋转角度Untitled.gif
smartphp·2021-06-05 12:09

react-native 问题

1、命令cd'目录'下，命令react-nativeinit'project'创建项目。2、运行报错网络错误500，则是版本问题，需回到目录下命令react-nativeinit'project'-version0.55.4,加入三方插件后报这个错，则删除app后重新运行。3、之后再次运行遇到makesureyou'reeitherrunningametroserverorthatyourbund
不可雕的板蓝根·2021-06-05 12:55

2019-06-21

*SampleReactNativeApp*https://github.com/facebook/react-native**@format*@flow*/importReact,{Component
小宝_ab67·2021-06-05 06:33

React Native升级到0.60.0 Android编译报错：Could not find method enabled() for arguments [[]] on task ':ap...

/node_modules/react-native/react.gradle"之前，添加project.ext.react=[entryFile:"index.android.js"]
树袋Papa·2021-06-05 02:51

夜神手机模拟器的使用

进入到初始化项目的目录,打开cmd命令,运行adbconnect127.0.0.1:62001链接模拟器链接完成之后,运行安装react-native项目react-nativerun-android在运行这个命令之前
独步西行·2021-06-04 20:47

1.7 Fetch

源代码[地址][12][12]:https://github.com/BaiPeiHe/react-native简介网络编程利器-Fetch的基本使用Fetch是全局的，在ReactNative任何地方都可以使用
倪灏·2021-06-04 18:37

react-native极光推送集成(jpush-react-native)

之前写了一篇阿里云推送的文章（https://www.jianshu.com/p/83092e8817e7)，今天把极光推送也和大家分享一下。1、jpush-react-native自1.4.4之后,需要安装jcore-react-native大家一定要注意安装下。2、然后npminstalljpush-react-nativejcore-react-native--save3、react-nat
妄自·2021-06-04 15:31

Flutter入门

Flutter（以前叫Sky）是一个Google推出的基于Dart语言的跨平台开发框架，类似于Facebook的React-Native。
wzjing·2021-06-04 10:55

React版四川观察网页（结合redux）

由于前段时间写了一个React-Native版本的移动端四川观察app（gitHub地址为：https://github.com/yanziX/React-native-SichuanFocusRN.git
唯吾无忧·2021-06-04 06:10

react-native 0.63启动问题

1、OpenSSL-UniversalrequiresCocoaPodsversion>="1.9"podinstall时提示需要把CocoaPods升级到1.9，但是通过brewinstallCocoaPods，发现安装的版本是1.6.1，brewupgradeCocoaPods发现版本无法升级，后来查到1.9的版本需要通过geminstall-n/usr/local/bincocoapods-
涅槃快乐是金·2021-06-04 04:05

记录 React-Native 中遇到的bug及解决方案

1Nobundleurlpresent检查是否开始全局代理，并关闭接着出现22Cannotfindentryfileindex.ios.jsinanyoftheroots...npmstart--reset-cache3TouchableNativeFeedbackisnotsupportedonthisplatform我是在ios虚拟机上测试的，官网中Awrapperformakingviews
baby熊_熊姐·2021-06-03 23:56

react-native 之 资源图片 resolveAssetSource

最近在写项目的时候遇到一个问题，第三方的接口调用，需要传一个thumbImage作为icon，我看了它的定义，thumbImage?:string,接受字符串类型的参数。用网络图片’https://www.baidu.com/image/123.jpg‘,是可以的，但是我们需要传一个本地的工程资源里的icon。按照常理，类似，我给thumbImage传了一个thumbImage:{{uri:"./
jobs_chen·2021-06-03 23:08

适合前端Vue开发童鞋的跨平台Weex - SegmentFault 思否

React-Native？还是Flutter?
·2021-05-31 10:00

react native环境安装流程

react-native安装流程1.npxreact-nativeinitAwesomeProject报错运行cd.
·2021-05-27 13:45

轻松配置react native热更新 - 简书

react-native项目有个优势就是可以动态更新bundle.js，从而更新App。
·2021-05-24 15:00

react native实现监控手势上下拉动效果

reactnative实现监控手势进行上下拉动效果,详细核心代码如下:代码：import{PanResponder}from'react-native';varDimensions=require('Dimensions
·2021-05-22 12:42

[React-Native]RN组件学习-Touchable*系列

8****月****19日[React-Native]RN组件学习-Touchable*系列Touchable*系列组件实现了点击等属性的操作，可以用来包装各种View，从而达到其点击效果的实现。
美乃滋酱啊·2021-05-21 08:32

在Android项目中植入React Native

npminit$npminstall--savereactreact-native$curl-o.flowconfighttps://raw.githubusercontent.com/facebook/react-native
jsnow0613·2021-05-21 06:52

React-native开发记录

React-Native学习资料中文版react-native组件生命周期es5-es6写法对照表一、FailedtoinstalltherequestedapplicationAnapplicationbundlewasnotfoundattheprovidedpath.Provideavalidpathtothedesiredapplicationbundle.Print
ethan_cun·2021-05-21 04:38

混合开发框架对比

使用原生UI:ReactNativeJSX代码示例:helloworldimportReact,{Component}from'react';import{Text,View}from'react-native
萌萌的小伟哥·2021-05-21 01:17

快速学习React Native

ReactReact.js小书React最新中文文档搭建开发环境Mac(OSX)平台搭建ReactNative开发环境Windows平台搭建ReactNative开发环境ReactNative中文网熟悉布局了解与CSS差异react-native
猿小v·2021-05-20 17:12

React-native初尝试

网址RN第三方库查询网址https://js.coach/环境搭建1.安装工具Nodepython2jdkreactnative命令行工具，yarn(Yarn是Facebook提供的替代npm的工具)#设置镜像源npmconfigsetregistryhttps://registry.npm.taobao.org--globalnpmconfigsetdisturlhttps://npm.taob
09c9ae1d7f1d·2021-05-20 14:37

React-Native学习笔记之第一个RN项目

一、搭建环境及运行第一个项目1.按照安装教程中使用Homebrew一步一步的安装RN的开发环境及运行环境。2.按照教程创建第一个RN项目Snip20170822_1.png3.使用命令行运行react-nativerun-ios4.加载资源.....等了很久，无任何报错。。。一脸懵逼。5.使用Xcode打开iOS文件夹下的工程文件。6.报错信息如下：Snip20170822_7.pngReact/
迷路的安然和无恙·2021-05-20 11:16

利用一登给你的react-native项目增加刷脸登录功能之安卓篇

安卓的思路和iOS的思路一样，都是在原生端完成登录后，跳转到react-native的页面。为此，我们首先要了解安卓的两种常用的界面跳转方式。
秦时明月汉城·2021-05-20 06:51

React-native 文章点赞、取消赞

1.Storage接口的封装：importReact,{Component}from'react';import{AsyncStorage}from'react-native';//一般更新
随遇而安_2750·2021-05-20 02:56

react native reload不加载最新的代码

rn0.36版本***\node_modules\react-native\packager\react-packager\src\node-haste\FileWatcher***为项目的路径中的MAX_WAIT_TIME
proud2008·2021-05-19 20:14

在学习React-Native过程中需要了解的一些名词

在学习React-Native过程中需要了解的一些名词HomebrewHomebrew是一款自由及开放源代码的软件包管理系统，用以简化MacOSX系统上的软件安装过程。
努力奔跑的____·2021-05-19 04:58

React-Native开发使用iOS真机调试

今天折腾了一下ios真机调试，还有点曲折，不知道的童鞋（像我这样从来没有接触过iOS开发的）估计要试半天，网上搜的内容都不全，我把过程简单记录一下：我的开发环境：macosSierra、iPhone6plus（iOS10.1.1）必须要有的：AppleID，这个每个人都有吧，不然app都没法下载啊XCode，并升级到最新，我的是Xcode8nodejs，npm，这两不用说了，也到最新，我的node
Angeladaddy·2021-05-19 03:38

React Native 简略

1.对于React-Native开发，仅仅有基础前端开发的知识是不够的，你还需要了解和掌握的有：•Node.js基础•JSX语法基础•Flexbox布局2.分为两部分：渲染器(renderer)和全新的
glenlg·2021-05-18 17:33
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他