React-native

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2021-06-20 08:02

react-native开发笔记

一：出现:unknownplatform:react-nativeReferenceError:printExampleisnotdefined错误，则:npminstall/yarninstall;npmstart;二：出现thedevelopmentserver...code:500的错误1.Tryrunnpmstartandreact-nativerunandroid.MaybeyourMe
太平洋_cfd2·2021-06-20 02:36

react-native 入门之 Props（属性）和 State（状态）

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

React Native之Flexbox

示例代码如下：importReact,{Component}from'react'import{StyleSheet,View,}from'react-native'exportdefaultclassLotsOfStylesextendsCo
想要个李大仁·2021-06-19 09:05

vcode对react-native智能提示

代码智能提示对于第三方包，比如react-native:全局安装typings:npminstalltypings-g安装react和react-native的接口说明文件：typingsinstalldt
唯有她美·2021-06-19 03:23

[React Native 日常错误记录] 报错 'error：Build input file cannot be found'

[React-native踩坑全集问题记录]报错内容:屏幕快照2019-05-0809.30.24AM.png解决方案12.png
iOS_404·2021-06-16 11:07

[React Native 日常错误记录] 报错 React Native version mismatch

[React-native踩坑全集问题记录]11674896-d5c89ed127b19a76.png解法一：方法：将package.json文件内的reactnative版本改成与提示的JavaScript
iOS_404·2021-06-15 11:44

While resolving module `react-native-vector-icons/MaterialCommunityIcons`, the Haste package `rea...

/node_modules/react-native/local-cli/core/fixtures/files/package.json不行的话，就去找到这个文件手动删除
Jinxhao18·2021-06-15 00:51

react-native 环境搭建运行第一个helloword

准备工作要安装很多东西Python、Node.js、javajdk（下载1.8的）、git、AndroidStudio、npm安装、雷电模拟器Python下载后直接点击安装下载地址：https://www.python.org/downloads/Node.js下载后也直接安装，安装成功后可打开cmd用node-v来测试是否安装成功下载地址https://nodejs.org/en/（下载LTS版
亲了你一下宝宝·2021-06-15 00:33

《零JS基础如何玩转React-Native》

注:React-Native框架，下面简称RNppt下载大家好，我今天和大家分享的主题叫《零JS基础如何玩转RN》，先简单自我介绍一下，我叫周鸿杰，从事游戏研发多年，在游戏开发方面还略有心得，但是在APP
3z鸿杰Libra·2021-06-14 21:32

小程序及Vue开发随笔

之前写过简单的flutter项目，也写过简单的react-native，在跨平台的路上尝试了小段时间，最近的实战经验都在小程序和vue上，深感js，语法之简洁，功能之强大，css也是华丽丽的包装，跟最早期接触的原生
小白甜·2021-06-14 19:00

第一章 React-Native 初识React-Native

第一步：安装NodeJs安装NodeJs第二步：安装WatchManbrewinstallwatchman第三步：安装yarn和react-native脚手架npminstall-gyarnreact-native-cli
SunnyFanFan·2021-06-14 17:08

7、native-echarts使用问题总结

1、RN-WebView的问题答：由于RN版本升级后，webView给分离出来，webView已经不在react-native架包中，而在react-native-webview架包中了，需要导入react-native-webviewyarnaddreact-native-webview
学习abc·2021-06-14 08:15

在macOS下搭建easy-mock本地服务器

由于要开发react-native的
芒果冰沙真好吃·2021-06-14 02:46

react-native RN ListView 性能解决方案

#react-native-nlistreact-nativ的ListView从rn这个跨平台框架诞生到目前为止一直被开发者诟病,卡顿视图不回收内存爆炸滑动不流畅等问题虽然官方有出FlatList带有视图重用的组件但是性能表现一滚动内存疯狂涨cpu占用超过100%而且列表过长快速滑动会有渲染空白的问题(由于RN的渲染通知机制快速滑动需要大量计算触发渲染cpu占用过高而且js单线程再加上需要和原生交
janiokq·2021-06-14 01:02

React_Native错误及解决方案

/node_modules/react-native/React2.Runtimeisnotreadyfordebugging图片发自Ap
贰拾伍的你和我·2021-06-14 00:58

react-native 本地沙盒文件操作和sql数据库集成

yarnaddreact-native-fsasyncgetWapData(userName){consttoUrl=awaituploadWap();RNFS.uploadFiles({//toUrl:'http://localhost:4000/upload2',//文件上传路径//toUrl:'http://192.168.1.102:7898/file/uploadWap',//文件上传路
俗人彭jin·2021-06-13 21:33

[React Native]Visual Studio Code调试React-Native

1.配置VisualStudioCode为React-Native开发IDE参考这篇文档以及知乎2.添加配置Openlaunch.jsonAddConfiguration选择ReactNative:DebugiOS
猎手Andy·2021-06-13 19:57

react-native 大白之路

小白请参照官方文档http://reactnative.cn/docs/0.47/getting-started.html本机开发react-native--versionreact-native-cli:2.0.1react-native:0.47.1在react-nativerun-ios时候，遇到一个问题需要在xcode编译才能看出来boost/config/user.hppfilenotf
DanielC·2021-06-13 17:01

react-native flatlist 下拉刷新组件

android：react-native-smartrefreshlayoutios：react-native-mjrefresh
成都reactnative·2021-06-13 16:28

WebStorm RN代码模板

RN模板importReact,{Component}from"react";import{StyleSheet,View,Text}from"react-native";constApp=()=>{return
Mr_LiTong·2021-06-13 06:07

第二章 React-Native react-navigation之createStackNavigation

2-1安装react-navigationyarnaddreact-navigation//ornpminstallreact-navigation-S2-2安装react-native-gesture-handleryarnaddreact-native-gesture-handler//ornpminstallreact-native-gesture-handler-S因为这个插件包含nati
SunnyFanFan·2021-06-13 01:16

简易版react-native与node端udp通讯

最近做rn项目中做到通讯模块，需要app端与硬件进行通讯，正常的通讯用的都是websocket，但是当app端ip变化的时候，需要app进行广播告知硬件进行相应的改变，这个时候就需要用到upd广播。我们这里用到的是这个库：[react-native-udp](https://github.com/tradle/react-native-udp)1.首先引入库npminstall--savereac
不伟心·2021-06-12 21:54

react-native 环境搭建配置（mac版）

1：安装Homebrew1.brew的安装很简单，使用一条ruby命令即可，Mac系统上已经默认安装了ruby。$ruby--version2.使用命令ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"3.安装完成后可使用brew-v查看是否安装成功2：安装Node.js4.0或
烟雾袅绕·2021-06-12 18:12

react-native ios 打包报错Multiple commands produce

解决办法：修改buildsystem在Xcode菜单栏->File->WorkspaceSetting，将buildsystem修改为legacybuildsystem，然后clean后编译。
喵喵_1910·2021-06-12 14:51

react-native适配iPhoneX

如下图所示，iPhoneX由于多了大圆角、传感器(齐刘海)以及底部访问主屏幕的指示遮挡，所以需要注意原有这部分内容的设计。iOS11前导航栏的高度是64，其中statusBar的高度为20，而iPhoneX的statusBar高度变为了44，如果是自定义的NaviBar，这部分需要做相应的适配。另外，iPhoneX的底部增加了虚拟Home区，由于安全区域的原因默认tabBar的高度由49变为83，
雅玲哑铃·2021-06-12 12:19

取消ReactNative组件PickerIOS上下两条灰色的指示线

React-native的PickerIOS组件其实是自带指示线的，对于有需求的人来说非常的完美，因为被选中项能够很直观地被看到，但是我的项目经理告诉我这是2条可恶的指示线，要求我必须把它去掉。
Budoubd·2021-06-12 11:25

react-native 中的平台差异

1.在View里面用绝对定位给右上角设置一个图标，超出View部分IOS----显示Android----被截断解决办法：设置一个大的View将它们两个都包裹起来，右上角的小图标以距离大图标的右边以及上边来确定位置2.给TextInput设置高度，高度为32IOS----输入的内容正常显示Android----输入的内容顶部被截断（默认有paddingVertical问题）解决办法：给TextIn
嘴角45度·2021-06-12 02:25

为什么用react-native？

如果简单易用是您在JavaScript开发框架中寻找的内容，请参阅ReactNative可以为您做的事情。就像网络应用一样，移动平台在软件开发方面的重要性日益增加，因为许多人在没有移动设备的情况下几乎无法生存。由此可以很容易推断出，移动应用程序比甚至是网络应用程序都能看到更多的用途，因此需要一定程度的优先级。移动设备带有不同的操作系统，并且需要在可用的操作系统上运行应用程序。诚实地说，为每个操作系
浩瀚天空飞翔的梦·2021-06-11 22:38

项目中集成react-native

1.在现有AndroidStudio项目上集成ReactNativehttp://www.zhenglingxiao.cc/android/2016/07/06/%E5%9C%A8%E7%8E%B0%E6%9C%89Android-Studio%E9%A1%B9%E7%9B%AE%E4%B8%8A%E9%9B%86%E6%88%90React-Native.html
skyyhu·2021-06-11 20:40

React Native通过Linking接收并处理App Link或Deep Link的链接

当ReactNative的项目从外部链接启动时，有一个较为方便的方法来处理该链接用于获取变量或跳转到相应的页面：Linking.getInitialURLimport{Linking}from'react-native
_敏讷·2021-06-11 20:21

1.iOS原生集成react-native

1、cd到项目根目录，创建package.json、index.js文件（可以新建纯RN项目，把这两个文件copy进来，记得修改项目名为当前项目）；2、在终端输入命令：npminstall，安装完成多了node_modules文件夹；3、根目录下新建ios文件夹，存放iOS项目，新建Podfile文件，添加需要的库，然后保存安装：podinstall：podfile文件内容4、Xcode打开项目，
hie·2021-06-11 16:21

__attribute__错误

react-native/React/Base/RCTModuleMethod.mmline94:RCTReadString(input,"attribute((unused))")||
Jinxhao18·2021-06-11 13:20

React-native 入坑5 createBottomTabNavigator，react-native-vector-icons的使用

一般我们再开发项目当中，tabbar是必然会用到的，所以我今天就在项目中对tabbar进行踩坑。一般网上2017年或者更早的demo或者文章里面，使用的都是TabNavigator,这个最最新的React-navigation3.0+已经弃用了。官网现在使用的是‘createBottomTabNavigator’这个函数来创建一个tabbar，而这个函数createBottomTabNavigat
随便你好啦·2021-06-11 12:01

React-Native之链接原生库

随着ReactNative发布的所有库都在仓库中的Libraries文件夹下。其中有一些是纯Javascript代码，你只需要去require它们就可以使用了。另外有一些库基于一些原生代码实现，你必须把这些文件添加到你的应用，否则应用会在你使用这些库的时候产生报错。(ps:在用Xcode打开AwesomeProject.xcodeproj运行报错'React/RCTBundleURLProvide
made_China·2021-06-11 09:48

CF

cdnode_modules/react-native/third-party/glog-0.3.4/&&../../scripts/ios-configure-glog.sh&&cd../../..
Jinxhao18·2021-06-11 09:39

Mac 电脑的react-native环境配置。

Mac电脑的react-native环境配置。
zrasd·2021-06-11 06:32

React-Native 验证码输入框(TextInput)

SimulatorScreenShot-iPhoneX-2018-07-18at13.32.02.pngSimulatorScreenShot-iPhoneX-2018-07-18at13.32.09.png代码如下：VerificationCodeInput:importReact,{Component}from'react'import{StyleSheet,Text,TextInput,Vi
Nur__·2021-06-11 05:43

react-native 8081端口占用 error！！！

当你用Xcoderunreact-native-cliinit出来的项目时，可能会发生默认端口8081被占用的情况，如下图：image.png解决方案：1：查找占用8081端口的罪魁祸首，然后直接删除方法：打开终端，输入命令lsof-i:8081，找到端口号对应的程序，再直接kill掉。2：改变reactnative监听端口的方法a.在终端进入项目文件夹运行：react-nativestart--
折木丶青梵·2021-06-11 04:50

前端React面试题

最近看到的一些面试题，收集整理了下，以后说不定也会用到一份react-native面试题发布时间：2017.08.11，点此链接访问React常用面试题目与分析发布时间：2017/01/17，点此访问
爱是不求自己的益处·2021-06-10 12:42

React-native 入坑4 无限轮播图

无限轮播图可以说是实际在项目中用到的最多的组件，之间做过的项目一般在首页都会有无限轮播的存在。主要思路1.index0插入最后数组的最后一张图片2.indexarray.count+1插入第一张图片3.中间顺序放入数组中的元素4.当滑动到index0的位置时，将scrollview的偏移数组的最后一张所在的位置5.当滑动到indexarray.count+1的位置时，将偏移量置为数组第一张的位置逻
随便你好啦·2021-06-10 09:54

react-native run-ios：Could not find iPhone 6 simulator

CouldnotfindiPhone6simulator解决方案：1、升级RN版本2、修改文件共需要修改2个文件：1、findMatchingSimulator.js2、runIOS.js具体路径如下：第1个文件路径：node_modules/react-native
zhengxiaolang·2021-06-10 07:41

1.windows下安装react-native环境

7月25日更新：快速简洁创建react-native应用的方法：仅需要按此文档安装到第四步完成nodejs，然后执行：npminstall-gcreate-react-native-app安装成功后，即可使用
xiangdong_9013·2021-06-10 01:09

React-Native打开APP的系统设置界面（iOS11）

于是经过多方资料查找：react-native打开设置界面终于找到解决办法，就是urlschema为：app-settings:即可。
NextStack·2021-06-09 21:09

react-native listView的bug之数据不显示，需要碰/滑一下才会显示（转）

用ListView的时候，会出现一个非常傻bi的情况，就是render的时候，listView不显示，需要碰/滑一下才会显示。一开始我在怀疑自己是不是布局哪里有冲突，改到哭都没发现布局有什么问题，直到我谷歌了一下“reactnativelistViewnotshowtouch”...最后，我按reactnative里的issue：在初始化listView时设置属性removeClippedSubv
oc123·2021-06-09 19:50

React Native白屏优化

本文针对使用ReactNative开发混合应用的过程中iOS端白屏问题，提出了react-native预加载优化方案，本文主要围绕以下几个方面展开分析:白屏解决白屏本文react-native基于0.48.0
翰墨_42a6·2021-06-09 12:45

RN自定义Button

ButtonimportReact,{Component}from"react";import{Text,StyleSheet,TouchableHighlight,TouchableOpacity,View}from"react-native
itzuo·2021-06-09 06:50

react-native中性能完美的分组展开与收缩

废话不多说先来看看效果：1.前言最近公司有一个新需求。有子项的能展开与收缩，没有子项的之前显示主项。显示主项FlatList这个总所周知。但是在这里面展开与收缩，代码不难写，但是性能方面呢，要不就是卡顿要么就是隐隐约约的延迟效果。有好多人也尝试用SectionList，本人也尝试过，但是还是出现卡顿与延迟。在github，以及开源中国上，google上查了一遍，跑了很多人写的demo，都存在这个问
低调的攻城狮·2021-06-09 03:45

react-native code-push 热更新

1.安装CodePushCLInpminstall-gcode-push-cli2.注册CodePush账号code-pushregister⚠️这里会弹出一个网页选择github授权，注册成功后会得到一个key,将key复制到终端回车3.添加ios平台应用code-pushappaddrebooking-iosiosreact-native得到下面的两个key，后面会用到屏幕快照2019-04-
tomorrow_chen·2021-06-09 02:41

ReactNative各种学习资源汇总

1.ReactNative官网https://facebook.github.io/react-native/2.React-Native入门指南https://github.com/vczero/react-native-lesson3
zhuangzi·2021-06-08 20:20
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他