react-native 第8页

React native之封装 LED数字

由于不同手机机型分辨率不同，先写个适配比例不同机型的方法import{Dimensions,Platform}from'react-native';const{height,width}=Dimensions.get

AMONTOP·2023-09-18 18:48

react-native 实现类似swiper 曲面滑动效果

需求:实现一个类似于swiper滑动的效果。不过没有用swiper实现。是自己写了个函数去控制了；直接基于swiper实现应该会更简单-等我后面再试试的吧~这是之前写的一个小功能。当初好像写的好像有点费劲-今天分享下-有相同需求的小伙伴可以参考下思路~代码可以直接复制运行查看效果123123.gif上代码importReact,{Component}from"react";import{Image

小小小小的人头·2023-09-18 08:13

react-native 上传图片之Network request filed

react--native环境：0.63.0插件importImagePickerfrom'react-native-image-picker';Android使用fetch/xhr请求上传图片一直出现Networkrequestfailed，进行其他正常请求都没问题，查了很多问题找到了解决方案，如下：在android文件中找到对应的文件，修改image.png文件路径：android/app/s

YQSummer·2023-09-17 21:40

【Ts之Omit 排除属性】

需要传入arr，和需要渲染的renderItem，需要排除data属性importReactfrom'react';import{FlatList,Text,View,FlatListProps}from'react-native

冷太阳a·2023-09-17 09:06

react-navigation学习笔记五：createBottomTabNavigator

ghost__·2023-09-17 09:39

react-native 入门之AsyncStorage的使用

简介 AsyncStorage是一个简单的，具有异步特性的储存API，它的储存方式为键值对的方式，且对整个App而言，是全局的。 AsyncStorage提供了较全的方法供我们使用，每个方法都有一个回调函数，而回调函数的第一个参数都是错误对象error，所有的方法执行之后都会返回一个Promise对象。方法罗列一下它的使用方法，直接从官方文档上copy下来staticgetItem(key

邪人君子·2023-09-16 04:34

react-navigation升级3-x问题

背景最近把之前的RN项目更新了，react-native升级到了0.58，react-navigation升级到了3.3.0。

Yadea前端杂记·2023-09-14 20:53

react-native error: Each module has to have a unique path.错误解决

Themodules'MOOC','android'pointtosamedirectoryinthefilesystem.Eachmodulehastohaveauniquepath背景介绍：使用androidstudio编译react-native

只如初见0706·2023-09-14 16:01

react native 0.69版本初始化项目报错 cli.init is not a function

前言本文基于“react-native”:“^0.69.0”本篇文章的解决方法依然有效，不过目前找到了更简单的解决方法。

好巧.·2023-09-14 16:30

react-native项目报错Invariant Violation: Module AppRegistry is not a registered callable module

这个是我在修改App.js名字时遇到了先去index.js确定引入App.js的正确路径，（改了名字这里可能没有重新引入）关闭终端重启

究极无敌战神·2023-09-14 16:57

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

react-native实现 TextInput 键盘显示搜索按钮并触发回调

{toSearch(keyword);}}/>}clearIcon={}returnKeyType="search"returnKeyLabel="搜索"containerStyle={styles.mUserlistSearchBarContainerStyle}inputContainerStyle={styles.mUserlistSearchBarInputContainerStyle}/

徐同保·2023-09-10 00:14

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

数据解析-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)实现可拖动的悬浮按钮

Crazy程序猿2020·2023-09-05 23:02

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 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 环境搭建，项目构建以及真机调试（window android）

本篇文章参考：react-native中文官网本文旨在介绍windows环境的android应用的环境搭建和项目构建以及真机调试。

F_cy·2023-09-04 13:46

React-Native安装配置环境搭建（夜神模拟器中运行）

React-Native环境搭建及运行必须安装的依赖有：Node、JDK和AndroidStudio。Node去官方下载，安装一直下一步下一步就好，最好是改下安装路径。

HELLO_小仙女~·2023-09-04 13:46

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版本：[0.71]入门环境搭建参考文档（官译中文版）搭建开发环境·ReactNative中文网按照文档流程下来，安装基础环境**[windows]**nodenode版本要求

沐夕花开·2023-09-04 13:16

react-native 环境详细搭建

react-native目录结构```js├──App.js//ReactNative源码，主要是存放入口组件App的源码├──__tests__//测试文件目录├──android//ReactNative

敞臻·2023-09-04 13:16

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 + 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简介ReactNative是一个使用React和应用平台的原生功能来构建Android和iOS应用的开源框架。

QIRubyYee·2023-09-04 13:43

【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

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 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-native