react-native

Android react-native node-pre-gyp/node_modules/.bin报错

Couldnotlistcontentsof'/Volumes/ZXF/code/zxfProject/node_modules/node-pre-gyp/node_modules/.bin/detect-libc'.Couldn'tfollowsymboliclink.进入node-pre-gyp文件夹发现几个爆红的文件，这是找不到文件，只要把这几个找不到的文件删掉就可以了(nopt、needl
帅气的小男孩q·2023-03-25 05:52

Atom编译器react-native开发插件

atom编译器开发RN比较实用的插件atom-react-autocomplete–项目内，组件名及状态的自动补全autocomplete-js-import–模块导入智能提示emmet-jsx-css-modules–React内的Emmet补全，非单纯的expand【class=>className】！！language-javascript-jsx–JavaScript,ES6,ES7,Re
111ZZzz·2023-03-25 01:24

react-native定义一个类，并使其中的函数被外部调用的写法（js工具类）

工具类DefaultUtils：import{Platform,DeviceInfo}from'react-native';functiondefaultFunction(){...}export{defaultFunction
凡凡天·2023-03-24 20:16

身份认证-Demo3_2-(3)

importReact,{Component}from"react";import{View,Text,AsyncStorage,Button}from"react-native";exportdefaultclassDemo3
YH6666·2023-03-24 17:32

react-native中的性能优化

先介绍一个生命周期方法shouldComponentUpdate优化过程:在自己代码里所有render方法内添加一行代码console.debug('[render]componetName');//componetName当前组件名称,便于与其他组件做分区的目的在于只要执行了当前组件的render方法,触发了渲染,就可以知道是哪个组件触发,相当于人为监听吧;然后打开Chrome,app打开deb
nextChallenger·2023-03-24 16:51

微信小程序实践：数据获取，回到顶部，下拉刷新，上拉加载等

2.提供的组件主要是最为常用，用过react-native的就觉
码代码的小公举·2023-03-24 16:11

react-native route

react-nativeroute的定义js调用原生:RCT_EXPORT_METHOD(invoke:(NSString*)urlStringresolver:(RCTPromiseResolveBlock)resolverrejecter:(RCTPromiseRejectBlock)reject)其中urlString采用URL格式传递scheme:://host:port/path?que
wesk痕·2023-03-24 10:09

react-native(ios打包、上传教程)

1、首先我们要先打离线资源包为了日后把打包方便，我们把打包指令填在下package.json下"scripts":{"start":"nodenode_modules/react-native/local-cli
妄自·2023-03-24 02:05

关于react-native中android真机调试问题.md

首先测试机型是红米nate9pro然后依照官方文档配置好USB调试但是还是报Task:app:installDebugFAILEDxxxxx下面一堆错下面一堆错，然后我翻译了一下发现是没有写入App的权限，google了半天也没啥结果然后我点了一下撤销USB调试授权，再次执行yarnandroid的时候就弹出了是否安装App的提示至此就可以正常进行usb调试了所以有问题的可以试试，先撤销一下调试权
_duck不必·2023-03-24 00:55

关于React-Native(React)中的类型检查

类型检查为什么要类型检查我们先来看一份rollbar公司对1000+项目的错误回收分析top10几乎都是因为类型而发生的错误文章参考:Top10JavaScripterrorsfrom1000+projects比如定义letprodList=[],你代码中prodList.push(...)但是初始的时候被设置prodList=123而且没有任何提示,那运行push(...)肯定要报未知方法的错误
注定暂时漂泊xxx·2023-03-23 23:24

【react-native】小结

【react-native】小结一底层定义一个uiconstitemShopName=(orderLineItemShopInfo(shopId)}>供应商:{shopName}>);//在页面中调用
幸福的尾巴__·2023-03-23 18:54

2020-05-26 Windows搭建react-native开发环境

参照官网1，官网下载nodejs，要12稳定版本，下载后安装即可，配置好环境变量。#使用nrm工具切换淘宝源npxnrmusetaobao，方便下载npminstall-greact-native-cli下载react-native2，官网下载python2.7，注意要2.x，不支持3.x。3，安装Android-studio和jdksdk。4，#使用nrm工具切换淘宝源npxnrmusetaob
James_1e03·2023-03-23 13:26

React-Native APP内应用角标，配合TabNavigator2018-10-26

业务系统当收到消息后，消息列表会显示具体的消息数量。之前帖子有写过，如果在app应用加消息数量，这个是对应app内显示。同时tab导航用的是，react-navigation中的TabNavigator。具体的数量，我放在了redux中，这里测试可以写死。角标代码importReactfrom"react";import{Text,View,}from"native-base";import{co
超级小学生1·2023-03-23 02:25

从一个nba应用理解react-redux工作原理

本文不涉及react-native和es6的相关语法，只描述react-redux部分的工作原理。在描述例子之前，先捋清楚各部分的概念。
平壤艺术饭店·2023-03-23 02:23

react-native之创建项目修改包名打包apk

1，配置环境什么的就不说了......2，创建项目并测试react-nativeinitmyAppDemocdmyAppDemoreact-nativerun-androidusb链接电脑，开发着模式。。。。不清楚的看官网去吧3，你手机上有app了。打开app，摇晃手机，出现个菜单，选最后一个。devsetting进去选debugserverhost&portfordevice写你电脑的IP:80
忆故人_9212·2023-03-23 02:31

React-Native在mac环境下安卓运行及打包（2021最新）

一，前言因为公司原因，将之前原生APP用react-native重新撸了一遍，作为一名ios开发工程师之前没有接触过安卓开发，对于mac环境下的安卓开发的探索记录下来。
叶上秋丶·2023-03-22 15:27

RN-踩坑总结

/Users/xxx/Desktop/RNproject/beezip/beefood-app-user/node_modules/react-native/scripts/ios-install-third-party.sh
Hozan·2023-03-22 08:26

react-native 使用fatch，网络请求踩坑记录

问题1：不管怎么请求，console无打印信息，也没有请求的记录。当时我使用的chrome作为debug工具。（chrome是捕捉不到请求的，所以显示不出来。）解决办法：换个工具Reactotron，使用方法（https://blog.csdn.net/qq_34273059/article/details/100124501?utm_medium=distribute.pc_relevant_t
Mrmcling·2023-03-22 07:15

React Native 运行react-native run-android报错Connect to maven.google.com:

报错截图解决方法1、电脑翻墙后就可以了2、项目目录/android/build.gradle修改maven{url'https://maven.google.com'}为maven{url'https://dl.google.com/dl/android/maven2/'}就可以了参考https://blog.csdn.net/qq_41211701/article/details/1113121
Loki_·2023-03-22 06:56

vs code 下alias 的使用

rn01.pngso,想起的写vue的alias,了解一番react-native的插件后,有一个比较好用的插件babel-plugin-module-resolver这是一个Babel模块解析插件,这个插件你可以添加新的根目录
wesk痕·2023-03-22 01:54

React native 组件间通讯

importReact,{Component,PureComponent}from'react’import{Text,View}from'react-native’classParentextendsComponent
三点水老木头·2023-03-22 00:20

RN Animated动画 - 头像自动循环缩放展示

可自行在代码中调整动画执行时间1uw9v-jm8d2.gif1、创建动画组件importReactfrom'react';import{View,StyleSheet,Animated,Image}from'react-native
liluo风·2023-03-21 21:11

React-Navigation 入门到高阶使用

React-Navigation入门到高阶使用对于新手入坑React-Native，可能搭建项目没有好用的脚手架会浪费很多的时间在查找，尝试和验证，例如react-navigation，必备但是又不需要精研的组件
iOS小童·2023-03-21 15:26

React-native分享类似美团下拉菜单Demo

上图:image.png这个Demo我已经做了一些处理,所以,有需要的朋友可以自己更改下面放出源码/****皓天*@memberOfActionBar*/importReact,{Component}from"react";import{View,Text,TouchableHighlight,Image,TouchableOpacity,ScrollView,Animated,Easing,St
HT_Jonson·2023-03-21 10:55

React-native 解决定位到底部ios遮着键盘

第一步：在初始状态中this.state={editatal:false}点击发送中取消状态this.setState({editatal:!this.state.editatal})点击除了输入框的任何页面this.setState({editatal:!this.state.editatal})判断是ios端还是android端
唯有她美·2023-03-21 03:22

react-native 小白踩坑---Android Studio模拟机无法运行

刚开始接触react-native的开发，一上来在Androidstudio上安装模拟机就出现问题，在自己笔记本上运行没问题，但是我的台式机配环境就运行不出模拟机，报下面的错误网上查阅资料主要是两个地方的问题
淅沥淅沥豆·2023-03-21 02:39

面试感受

响应链、线程安全、消息如何传递经常会被问到，即使你面试的是一个初级的岗位（也可能是我有多年工作经验的原因）；2、还要有强项；3、另外要求会swift的在逐渐增多，很多公司的新项目都用swift开发；4、react-native
cf4ee5450dd6·2023-03-21 00:27

react-native环境搭建-Mac系统Ios环境

首先需要说明react-native官方只维护最新版本的工具链，所以在后需要搭建环境过程中需谨慎选择所需要的工具链和sdk等等。提示：有条件的情况下建议使用手机热点的方式，下载速度很快。
前端拾遗者·2023-03-20 22:25

React-Native react-navigation实现iOS与Android的TabBar

主要文件Root入口，主要代码Root代码第一步14687A6C-A5EC-41BF-AFF5-2E4A14432B9A.png第二步配置路由做映射4E2151C9-6A1D-4065-8290-DED5A95C17C5.png第三步配置tabBar的样式看截图8A3EE85F-E6F6-4716-8294-91CDA255FC43.png最后一步追加导航做跳转，设置默认页面1C8BC62D-93
小_蜡笔·2023-03-20 16:50

React-native 项目重构

react-native-vector-icons安装安装之后先Link（“重中之重”）IOSFonts文件夹拖入slf项目目录下react-native-image-crop-picker安装IOS1)在info.plist添加Privacy-MicropphoneUsageDesc...Privacy-CameraUsageDescriptionprivacy-PhotoLibraryUsag
夢想永遠在騷動·2023-03-20 14:00

2021-08-05-2

ios14以后跑React-Native项目遇到图片资源不加载的问题npminstall;patch-package;
1234567乱码·2023-03-20 12:06

React-native 之路由跳转React Navigation

ReactNavigation的使用介绍新手上路，为什么要使用它？目的：在项目中添加多页面，实现页面之间的跳转；踩坑：在模拟器中频繁报错，报错内容就不说了，反正看两百遍也看不明白。主要问题：没有详细查看文档，也是因为起初并不了解如何才能实现路由之间的跳转，也并未直接查找这个包。官方文档：https://reactnavigation.org/docs/en/getting-started.html
秃头大叔·2023-03-19 20:20

CSS进阶：提高你前端水平的 4 个技巧

随着Node.js、react-native等技术的不断出现，和互联网行业的创业的层出不穷，了解些前端知识，成为全栈攻城师，快速的产出原型，展示你的创意，对程序员，尤其是在创业的程序员来说，越来越重要，
慕尚花开·2023-03-19 19:37

react-native使用小事件记录

1在使用createStackNavigator创建headerRight点击事件时使用事件监听传递点击事件headerRight:(//右边按钮{DeviceEventEmitter.emit('CommonlyHeaderRightClick','CommonlyHeaderRight');//发监听（通知名称和传递值）}}>itme),2点击屏幕让键盘消失屏幕container仿佛无法接收事
黎峰麟·2023-03-19 18:04

SwipeableFlatList之源码解读

版本信息react-native:0.57.4react:16.6.0-alpha.8af6728正文一、概览目录路径：.
安静守护你·2023-03-19 16:37

2021-07-19

6.说下react-native的原理，原生端和js端是怎么通信的？7.flutter有了解过吗？为什么说它的性能可以媲美原生？它有什么缺点吗？8.如果一个项目要用移动端跨平台框架开发，你会选择哪个？
RoyChina·2023-03-19 14:23

React Native 自定义下拉刷新组件

React-Native(以下简称RN)内置的FlatList是支持下拉刷新组件的，通过设置refreshControl属性即可。通常我们不仅仅需要定制下拉组件，还需要在下拉过程中，下拉组件执行一
JieJess·2023-03-19 13:47

2019-07-16

react-nativeTabNavigator切换时不重新渲染react-native使用createBottomTabNavigator创建底部导航栏时，只会在第一次创建时调用componentDidMount
秃头大叔·2023-03-19 10:15

react-native 发录音效果

效果屏幕录制2021-02-01下午5.gif库文件使用到的库有react-native-audio，teaset两第三方库，react-native-audio用来录音，teaset中使用Toast展示录音效果图。首先主要说明一下这个效果，录音功能最后说，向上代码exportdefaultclassRecordViewextendsReact.Component{statickey=null;s
一天清晨·2023-03-19 09:17

RN 'config.h' file not found

reactnativethird-party:'config.h'filenotfound的解决方案这个是常见错误,只需要在项目根目录下运行以下命令即可解决:cdnode_modules/react-native
风起长林时·2023-03-18 23:36

React-Native调研

由于我司接下来要开发APP了，小程序和APP之间最终选择了APP，当然了APP由前端来开发，所以对RN(本身公司前端技术栈就是React)进行了调研，以下是调研成果：1.React-Native（RN）调研learnonce,writeanywhere关于代码：一套代码，编译出两套APP(安卓、苹果甚至是桌面级的APP)，大部分代码是不需要写两套的，只有特定的地方和特殊情况需要些不同的代码以得到更
Just_0818·2023-03-18 22:35

探究react-native 源码的图片缓存-- 自定义图片缓存

最近一个项目RN版本是0.61，因里面有个图片浏览功能，要做一个清理缓存的功能。一番捣鼓后功能解决，记录如下找到的清理缓存组建是react-native-http-cache，因为该组建长期没人维护android编译不过，本人又不善长android，遂找了个进化版react-native-http-cache3。这个在安卓上面需要更改两个地方才可正常工作，不做讨论，本文主要是讲ios上面。iOS在
请叫我啊亮·2023-03-18 15:42

react-native-swiper轮播图组件使用

直接贴代码importReact,{Component}from'react';import{AppRegistry,StyleSheet,Text,View,Dimensions,Image,}from'react-native
visitor009·2023-03-18 14:01

React Navigation 安装及native-stack安装使用

最低要求：react-native版本：react-native>=0.63.0ReactNavigation由一些核心工具组成，这些工具会被导航器用来创建你应用中的导航结构。
老胡写着玩·2023-03-18 08:34

React-Native问题集： Unable to find a specification for `React-Core` depended upon by `CodePush`

React-Native中使用react-native-code-push，podinstall安装报错：UnabletofindaspecificationforReact-CoredependeduponbyCodePush
FansX·2023-03-18 07:49

react-native常见问题及处理办法

react-native所有的文字显示必须用标签包裹页面滚动标签react-native与PC不同的的其中一点就是，如果高度高出屏幕高度不会自动撑开，添加滚动条如果要想页面滚动就需要添加这个标签添加须要指定高宽
北故城·2023-03-18 07:04

用typescript基于Modal封装的简单备注输入组件

from"react";import{Modal,StyleSheet,Text,View,TouchableOpacity,TextInput,ScrollView,Dimensions}from"react-native
AceKitty·2023-03-18 05:14

react-native-xupdate-new 一键实现react-native应用版本更新

4k+,Github的star量也已经有800+.目前XUpdate的生态已包含Android原生SDK、Flutter插件、版本更新后台服务、版本更新管理系统.为了能够更加丰富它的生态，我决定再写一个React-Native
xuexiangjys·2023-03-18 03:35

ReactNative ios14看不见图片

Xcode升级12后，ReactNativeios14看不见图片(静态图片和网络图片)解决方法1、第一种：修改node_modules中react-native/Libraries/Image/RCTUIImageViewAnimates.m
马川敉·2023-03-17 15:15

react native 指定iphone模拟器型号运行

Step1:Openthefile/node_modules/react-native/local-cli/runIOS/findMatchingSimulator.jsStep2:Changealineofcode
next_discover·2023-03-17 11:08
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他