E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
React-Native
react-native
自定义弹窗组件实践
react-native
上自定义弹窗组件1、造轮子背景用
react-native
写项目也有段时间了,一直没有看好自定义程度多高的自定义弹窗组件、之前写了很长时间的iOS原生、一直觉得MMPopupView
老王技术栈
·
2023-09-14 11:14
react native 0.62.2报错问题
react-native
(0.62.2)init新项目,couldnotbuildObject-Cmodule"YogaKit"运行报错如下:解决:pod需要升级到最新版本1.9.1,然后在目录下再次podinstall
mxionlly
·
2023-09-14 07:00
RN项目笔记(四)使用react-native-sound,IOS声音出不来
二.问题的根本原因深究react-native-sound的源码,发现ios声音出不来的根本原因是
react-native
文质彬_已然未然
·
2023-09-13 23:05
react native 毛玻璃效果
importReactfrom'react'import{View,Text,FlatList}from'
react-native
'import{Skeleton}from'@rneui/themed'importuseListfrom
徐同保
·
2023-09-10 00:45
web前端
react
native
react.js
javascript
react-native
实现 TextInput 键盘显示搜索按钮并触发回调
{toSearch(keyword);}}/>}clearIcon={}returnKeyType="search"returnKeyLabel="搜索"containerStyle={styles.mUserlistSearchBarContainerStyle}inputContainerStyle={styles.mUserlistSearchBarInputContainerStyle}/
徐同保
·
2023-09-10 00:14
web前端
react
native
react.js
javascript
React-Native
Dimensions 获取高度不准确解决
在实际开发中,
React-Native
通过调用Dimensions.get('window')去获取全面屏手机(MI10)的高度时,发现获取到的高度要比实际手机高度来的短一些,针对此种情况对全面屏手机做适配
qhrosl
·
2023-09-09 21:34
react-native
报错 ":CFBundleIdentifier",
react-native
报错":CFBundleIdentifier",DoesNotExist解决方案链接地址:http://bbs.reactnative.cn/topic/4301/ios-rn-
青春不曾远离
·
2023-09-09 17:06
2018-05-09
react-native
之FlatList列表组件
在认识FlatList之前一直在scrollview组件中遨游,因为scrollview这个组件用起来真的好简单!然而,某一天写需求,要分两列展示信息,scrollview死活写不出来,难道我要用view一左一右各写一个么......这样填数据岂不是要死了~~万能的百度搜出来这么个神奇的组件——FlatList.原谅我这都要百度,因为真的太小白了!对于FlatList,官网上是这么夸的:高性能的简
Leah_MENG
·
2023-09-09 12:53
React-Native
分享pdf到微信
目前项目中用到react-native-share这个框架分享生成的pdf报告。目前下面是官方给的解决方案:image.png需要我们下载pdf到本地,然后分享已下载文件的路径。目前官方给出的app参考,跟我们直接分享到微信遇到的问题一致,所以目前不支持直接分享到微信。参考官方链接。
科24
·
2023-09-09 08:51
react-native
节流和防抖函数
debounce去抖:使用场景例如:一个搜索框,输入1,请求数据得到包含1的数据;再输入2,得到包含12的数据…假如用户想得到1234的数据,就要调用4次接口得到,浪费请求资源,本地数据渲染也会走多次。debounce可以解决此问题/*this.getData请求方法500延迟时间option配置lodash在opitons参数中定义了一些选项,主要是以下三个:leading,函数在每个等待时延的
杰克的瘦肉铺
·
2023-09-08 15:36
ReactNative
前端
数据解析-App
importReact,{Component}from"react";import{Platform,StyleSheet,Text,View}from"
react-native
";importRefreshListView
YH6666
·
2023-09-07 20:06
Taro版本依赖问题
利用它可以方便实现在微信、支付宝、百度等小程序以及H5与
React-Native
不同端的开发,即一套代码多端运行。更多介绍可参见其官方网站。
狂菜飞
·
2023-09-07 15:50
iOS 原生使用CocoaPods集成RN流程
在文件中写入{"name":"ReactNativeDemo","version":"0.0.1","private":true,"scripts":{"start":"nodenode_modules/
react-native
李木的
·
2023-09-07 10:28
18.rn与原生互相调用
,所以他启动原生activity,我们需要新建一个module,在其中新建启动原生activity的方法,如果传参数就用intent;如果需要返回的话就需要用到回调函数;同样有原生activity启动
react-native
vbuer
·
2023-09-07 05:27
reactnative 自身警告 Warning: isMounted(...) is deprecated in plain Javascript Classes. Instead, make...
解决:root.js中加上import{YellowBox}from'
react-native
';YellowBox.ignoreWarnings(['Warning:isMounted(...)isdeprecated
米开朗骑騾
·
2023-09-07 00:42
React-Native
调试神器 React Native Debugger
MAC下全局安装brewupdate&&brewcaskinstallreact-native-debugger安装完成之后打开react-native-debugger,显示未连接,然后使用cmd+d打开模拟器的工具,选择RemoteJSDebugging,显示连接,然后直接打印一下数据看看,
Albert新荣
·
2023-09-06 20:49
react-native
Each child in an array or iterator should have a unique "key" prop.
错误提示:Eachchildinanarrayoriteratorshouldhaveaunique"key"prop.出现问题的原因:image.png因为我们这里的标签是循环出来的,所以需要有一个key值解决问题方案:image.png如果觉得有用可以点点赞了,谢谢啦~
小西瓜简书
·
2023-09-06 16:50
react-native
标题设置
在组件中设置navigationOptions属性staticnavigationOptions:{//或者(居右)title:'自定义header'//或者(居右)headerTitle:'自定义header'//或者(居中偏右)headerTitle:(自定义Header)//或者(完美居中)headerTitle:(自定义Header),headerRight:}
afeng_1234
·
2023-09-06 10:45
react-native
系列实用教程
时间来到2022年,如今说起来前端界的跨平台技术,还活跃在市场上的主要有
react-native
,flutter,uniapp。
前端拾遗者
·
2023-09-06 01:36
react-native
(RN)实现可拖动的悬浮按钮
一、PanResponder相关知识点PanResponder类可以将多点触摸操作协调成一个手势。它使得一个单点触摸可以接受更多的触摸操作,也可以用于识别简单的多点触摸手势。默认情况下PanResponder会通过InteractionManager来阻止长时间运行的JS事件打断当前的手势活动。它提供了一个对触摸响应系统响应器的可预测的包装。对于每一个处理函数,它在原生事件之外提供了一个新的ges
Crazy程序猿2020
·
2023-09-05 23:02
#
React
Native(RN)
react
native
React插件ES7+ React/Redux/
React-Native
snippets的安装与使用
二、React插件的安装与使用Vscode插件市场安装ES7+React/Redux/React-Nativesnippets1.BasicMethodsPrefixMethodimp→importmoduleNamefrom'module'imn→import'module'imd→import{destructuredModule}from'module'ime→import*asaliasf
嘎嘎油
·
2023-09-05 18:42
React
react.js
javascript
前端
前端框架
React Native jpush-react-native极光推送 iOS生产环境接收不到推送
1、Android没问题2、iOS开发环境没问题3、iOS生产环境接收不到推送(苹果推送证书没问题)4、极光推送失败原因:Notgetdevicetoken,获取不到devicetoken版本记录:"
react-native
Loki_
·
2023-09-05 10:53
2018-12-14
importReactfrom"react";import{Text,View,Image}from"
react-native
";importRefreshListView,{RefreshState}
Glide_Retrofit
·
2023-09-05 08:46
Mars-日志模块xlog for
React-Native
(iOS)(2)
一、修改单行日志输出格式正常情况下,生成的日志,单条格式如下:[W][2019-04-26+8.009:58:42.533][0,105553173642688][tagwarn][FMXXlog.mm,-[FMXXloglog:::::],159][warnmessageishere解读:[W]:日志等级[2019-04-26+8.009:58:42.533]:生成日志的时间,中的的+8.0是时
太阳的小号
·
2023-09-04 20:36
【
react-native
】关于ios与android的环境搭建
关于OS12.5.Xreact-native环境搭建问题ios环境搭建XcodeCommandLineTools在Xcode中安装iOS模拟器CocoaPodsandroid环境搭建安装依赖JavaDevelopmentKitAndroid开发环境1.安装AndroidStudio2.安装AndroidSDK3.配置ANDROID_SDK_ROOT环境变量问题前段时间由于升级了系统,导致了reac
螺旋铭
·
2023-09-04 13:47
react-native
ios
android
xcode
react
native
环境搭建
react-native
环境搭建,项目构建以及真机调试(window android)
本篇文章参考:
react-native
中文官网本文旨在介绍windows环境的android应用的环境搭建和项目构建以及真机调试。
F_cy
·
2023-09-04 13:46
react
android
react
native
react.js
React-Native
安装配置环境搭建(夜神模拟器中运行)
React-Native
环境搭建及运行必须安装的依赖有:Node、JDK和AndroidStudio。Node去官方下载,安装一直下一步下一步就好,最好是改下安装路径。
HELLO_小仙女~
·
2023-09-04 13:46
React-Native
react-native
react
native
android
React-native
环境配置过程与搭建项目问题汇总
首先,最好参照来源当然是来自于开源代码本身的文档:https://reactnative.cn/docs/getting-started/一、初始环境搭建1.环境组件由于从网上查找
React-native
weixin_34290390
·
2023-09-04 13:16
React-native
开发环境搭建(Windows平台)
安装依赖安装Node.jsReactNative开发需要用到Node.js环境。我们做ReactNative开发会经常性的和Node.js进行打交道,比如:我们用npmstart命令启动ReactNative的启动器;用npminstall安装项目所依赖的第三方组件;用npmpublish往npm上发布一些组件等。安装Node.js有两种常见的方式:1、一种是通过Windows包管理工具Choco
aminsky0
·
2023-09-04 13:16
react-native
react
native
初探
React-native
- 搭建开发环境
当前
React-native
版本:[0.71]入门环境搭建参考文档(官译中文版)搭建开发环境·ReactNative中文网按照文档流程下来,安装基础环境**[windows]**nodenode版本要求
沐夕花开
·
2023-09-04 13:16
react
native
javascript
前端
react-native
环境详细搭建
react-native
目录结构```js├──App.js//ReactNative源码,主要是存放入口组件App的源码├──__tests__//测试文件目录├──android//ReactNative
敞臻
·
2023-09-04 13:16
android
React-Native
项目的环境搭建-win10/android
文章目录参考文档安装环境介绍Node安装JDK安装安装配置检验Android环境配置下载AndroidStudio安装AndroidSDK安装模拟器配置ANDROID_HOME环境变量创建项目遇到的问题参考文档官方文档安装环境介绍操作系统:Windows10家庭中文版安装依赖:Node、JDK、Android环境Node安装下载地址:https://nodejs.org/zh-cn/下载msi,会
泊一
·
2023-09-04 13:46
react-native
react
native
环境搭建
最新版
react-native
环境配置,详细版!
引言:写在前面的话:
react-native
的环境配置过程确实有点繁琐,我在配置的时候,就弄了很久,于是,写下了这篇,希望大家都能顺利配好环境,少踩坑。
远方234
·
2023-09-04 13:45
react
native
react.js
javascript
React-Native
+ Mobx项目实战--探花交友APP--项目搭建
前言:根据blibli视频教学,使用ReactNative最新版本0.70.6,一步步学习、整理和记录,使用编辑器是VSCode,可以网上搜索一下前端需要的插件进行安装,也需要配置一下自定义代码段,新建空白页面和注释的时候,可以使用自定义代码段。博主的普通话不是很好,稍微忍受一下,视频网址https://www.bilibili.com/video/BV1e5411L7VV/?vd_source=
爬行者小小
·
2023-09-04 13:43
学习笔记
react
native
[
React-native
环境搭建-以及创建基本的项目]
React-native
简介ReactNative是一个使用React和应用平台的原生功能来构建Android和iOS应用的开源框架。
QIRubyYee
·
2023-09-04 13:43
pad开发
react
native
react.js
javascript
【
React-Native
】开发环境搭建 Mac M2
【
React-Native
】开发环境搭建MacM2一、Node&Watchman&yarn1.安装brew2.安装Node&Watchman&yarn二、IOS1.Ruby&rbenv2.Xcode&CommandLineTools
Hannnnnnnnnnnnn
·
2023-09-04 13:43
macos
react
native
ruby
React-native
环境配置与项目搭建
基础环境搭建安装node.js(版本>=12,推荐安装LTS稳定版本)安装Yarn(npminstall-gyarn)安装reactnative脚手架(npminstall-greact-native-cli)windows只能搭建Android开发环境Mac下既能搭建Android环境,也能搭建IOS开发环境搭建安卓环境1、安装JDL(必须是1.8版本,目前不支持更高版本,命令行中输入java-
白鹭凡
·
2023-09-04 13:13
react-native
react
native
react-native
0.62 fetch请求上传图片失败
React-native0.62fetch请求上传图片失败环境:rn版本:0.62.0问题描述:Android使用fetch/xhr请求上传文件到七牛云一直出现readfailed:ebadf(badfilenumber),进行其他正常请求都没问题,低版本上传文件都正常解决办法:(测试环境)找到项目目录:android/app/src/debug/java/com/maxyride/app/dri
做个橙梦
·
2023-09-03 20:52
RN--Xcode 10: third-party: 'config.h' file not found
文件找不到的问题1、IntheTerminal,navigatetothereact-native/third-party/glogfolderinsidenode_modules$cdnode_modules/
react-native
OnTheWay_e8c8
·
2023-09-03 20:53
关于 RN 引用组件时候视图变形的问题
在学习
react-native
的时候新建的项目:react-nativeinitMyApp--version0.44.3文件结构是这样的:image.png其中的App文件是我新建的准备写项目的地方,Root.js
嗷呜_哒哒哒
·
2023-09-03 20:21
react源码1
eventsreact-domreact-recodilerschedulersharedreact和react-dom关系react的代码非常少本身是一个定义节点和行为的一个包,主要在react-dom里面如何去渲染dom,如何去更新是跟平台有关的,都放在react-dom(react和
react-native
别小杰
·
2023-09-03 00:45
android scroolview图片轮播,React Native 之ScrollView轮播图实现方法实例
Component}from'react';import{AppRegistry,StyleSheet,TextInput,TouchableOpacity,ScrollView,Text,View}from'
react-native
wxd86d5613e425e18b
·
2023-09-02 17:32
android
scroolview图片轮播
ReactNative(3){多列布局、实现滚动效果、ReactNative路由}
rncreactnativecomponentimportReact,{Component}from'react';//组件或者API使用时,需要提前导入import{Text,View,FlatList,Dimensions,Image}from'
react-native
!没事
·
2023-09-02 17:32
react
native
javascript
前端
React-native
——实现轮播图
大家好,我是贰妹子,希望我的博客对你有帮助(多动手练习一下呦)将Swiper和Text通过一个View来封装.,要比自己画轮播图要方便许多,如果你需要自己写的轮播图,而不是第三方组件可以参照第二种方法1⃣️、将Swiper和Text通过一个View来封装.、核心代码index+''}index={1}autoplayTimeout={3}horizontal={true}onMomentumScr
贰小妹儿
·
2023-09-02 17:02
ReactNative
react-native
实现轮播图
目录一:需要的熟悉scrollView?二:scrollView的常用属性三:轮播图一:需要的熟悉scrollView?scrollView无疑是移动开发中很重要的一个组件,比如后面会学到的ListView就是继承自它。那么,在开发中比如:焦点图、引导页等地方都需要它。注意:scrollView必须有一个确定的高度才能正常工作;通常有两种做法: 第一种:直接给该ScrollView进行设置高度(
波波只会Cv
·
2023-09-02 17:02
react.js
react
native
javascript
react-native-camera插件的使用,以及实现人脸识别
地址和环境版本(1)Git地址:https://github.com/react-native-camera/react-native-camera/tree/master(2)node版本:14+(3)
react-native
Echo-潔
·
2023-09-02 17:01
react
native
react
native
react.js
前端
javascript
react-native-SerialPort 串口插件使用及配置
一、git地址和环境版本(1)Git地址:https://github.com/Marcello168/react-native-SerialPort(2)node版本:14+(3)
react-native
Echo-潔
·
2023-09-02 17:01
react
native
react
native
前端
javascript
react native 使用Native Module、Intent、广播接收器 实现两个app之间的相互通信
一、reactnative版本环境:“react”:“18.1.0”,“
react-native
”:“0.70.6”,“node”:"14.18.2二、发送端步骤:在Aapp中注册一个NativeModule
Echo-潔
·
2023-09-02 17:31
react
native
react
native
javascript
前端
【
React-Native
】用ScrollView封装可滑动翻页的菜单
用
react-native
开发一个如下图所示的可滑动翻页的菜单集合:菜单可以滑动翻页,是不是特别像是轮播图呢?
small_Axe
·
2023-09-02 17:00
react-native
javascript
reactjs
前端
react
native
经验分享
react-native
ScrollView 实现上拉滑动全屏,下拉恢复原先大小
下拉恢复原先大小1.1需求分析缩小时不允许滚动,只有上滑动能唤醒动画,移至指定位置完全展示出来后可以内部进行滑动,当滑动到顶部,再向上滑(手势是从上至下)时,缩小整个list1.2技术分析list采用
react-native
I-T枭
·
2023-09-02 17:30
React
Native
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他