react-native 第6页

react-native的阴影实现，兼容android和ios

image.pngimportPropTypesfrom'prop-types';importReactfrom'react';import{View,Dimensions,StyleSheet,Platform,}from'react-native

sunny635533·2023-10-18 22:01

TypeScript In React-Native

一、在RN项目中添加TypeScriptyarnadd--devtypescriptyarnadd--devreact-native-typescript-transformeryarntsc--init--pretty--jsxreact//创建tsconfig.json文件linux：touchrn-cli.config.jswindows：typenul>rn-cli.config.jsya

何蒙其实很好·2023-10-18 18:41

react-native应用名称本地化（ios）

问题：公司突然想做应用的多语言版本，app应用里面的内容可以用react-native-i18n,不过app的显示名称就不能这样做了。app的显示名称配置后本地化后已可以显示英文名具体实现：1.新建StringsFile文件右键新建NewFile选择StringsFiles2.选择PROJECT下的项目，在右侧info->Localizations,点击➕图标新建其他语言版本image.png选择

不一样的心情_eb40·2023-10-18 10:56

React Native 中实现打字机效果

直接运行即可importReact,{Component}from'react';import{View,Text,StyleSheet}from'react-native';exportdefaultclassTypewriterTextextendsComponent

lllomh·2023-10-17 20:22

react-native 真机调试

苹果系统下，iphone打开remotejsdebugging会报跨域错误，查看react-native官网，debugging需要修改RCTWebSocket.xcodeproj中的RCTWebSocketExecutor.m

牧荑_6bc3·2023-10-17 16:41

自己动手写一个滚动的日期选择器（react native）

效果图importReact,{Component}from'react'import{ScrollView,Text,View,StyleSheet}from'react-native';import

刘同学要努力呀·2023-10-17 08:25

React-Native 常用组件

react-native-globalize国际化react-native-create-bridgeCLI工具，轻松地桥接ReactNative模块和UI组件react-native-splash-screen启动白屏优化react-native-linear-gradient渐变色react-native-smart-sortable-sudoku-grid拖拽1react-native-so

唯丽是图·2023-10-17 08:22

react-native学习总结(第一个helloworld程序)

安装环境:必须安装的依赖有：Node、ReactNative命令行工具、Python2以及JDK和AndroidStudio。(安装很耗时间,而且需要稳定的,需要有耐心哦)初始化项目cmd终端中运行react-nativeinit英文项目名Windows用户请注意,不要有中文，请不要在某些权限敏感的目录例如System32目录中init项目！会有各种权限限制导致不能运行！提示:亲测此命令可以不,但

黄庚中·2023-10-17 06:21

React Native-01：Hello world

文本的内容要放置在test组件中importReact,{Fragment}from'react'import{StyleSheet,//样式对象View,//视图组件Text//文本组件}from'react-native'constApp

臧小川·2023-10-17 06:44

ReactNative入门之编写HelloWorld

importReact,{Component}from'react';import{AppRegistry,Text}from'react-native';classHelloWorldAppextendsComponent

ZACH_ZHOU·2023-10-17 06:43

react-native 的脚手架都是项目用过的大家可以试试

极光推送：https://github.com/jpush/jpush-react-nativeemoji表情：https://github.com/omnidan/node-emoji高德定位：https://github.com/qiuxiang/react-native-amap-geolocation录音：https://github.com/jsierles/react-native-a

HT_Jonson·2023-10-16 22:08

RN第三方库手动迁移AndroidX

可以通过以下网址手动查询所需api的变更日志react-native库常见引入的类如下：android.support.annotation.NonNull=>androidx.annotation.NonNullandroid.support.annotation.N

华健_4106·2023-10-16 13:10

React-Native 数据持久化探索

使用RN也有一段时间了，但是却未试过在RN项目中实现数据的持久化，虽然项目继承了react-redux,但是数据存在于内存中，用户关闭APP后，需要重新初始化数据，网上大多RN数据持久化都是将一些数据存在AsyncStorage中，但是却打断了与redux的联系Github上已经有现成的redux-persist包以解决redux持久化问题，但在实际使用过程中，还有很多问题需要解决。具体来说，re

我叫傻先生·2023-10-16 04:46

FlatList锚点scrollToIndex精准比例定位

1.测量需要滑动到的楼层位置首先引入import{UIManager,findNodeHandle}from'react-native';再给组件加上引用this.myComponent=ref最后测量

春雨霏霏_____·2023-10-15 17:08

react-native mobx实战总结

mobx引入你的工程Mobx官网链接MobxGithub链接react-native中安装安装>npminstallmobx--save如果要在react中使用>npminstallmobx

没有梦想_何必远方·2023-10-14 22:20

RN 安卓输入框TextInput闪一下消失

当时使用的版本是"react-native":"0.64.0","@react-navigation/stack":"^6.1.1",查询调试了一下午，结果升级了"react-native"的版本，问题竟然解决了

Blue_Color·2023-10-14 19:28

react-native network显示网络请求

把node_modules/react-native/libraries/core/setUpXHR.js文件中的polyfillGlobal('XMLHttpRequest',()=>require

醉生梦死_f4dc·2023-10-14 18:56

React-native开发（二）搭建开发环境

搭建开发环境在GitHub上修改这篇文档支持我们欢迎使用ReactNative！这篇文档会帮助你搭建基本的ReactNative开发环境。如果你已经搭好了环境，那么可以尝试一下编写HelloWorld。根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。目标平台：iOSAndroid

Flutter梁典典学院·2023-10-14 16:43

react-native 用M1跑项目出现的问题Framework not found TXFFmpeg、libWeChatSDK.a' for architecture arm64

1、某些框架没找到FrameworknotfoundTXFFmpegFrameworknotfoundTXSoundTouch解决办法：BuildPhases-->LinkBinary..搜索一下添加上去图片.png2、libWeChatSDK.a'forarchitecturearm64In/Users/dong/Desktop/App/branches/player-phone/node_mo

物联白菜·2023-10-14 08:17

react-native环境搭建-Windows系统Android环境

Mac系统和Windows系统搭建Android环境的方式一样，这里不再啰嗦。可以参考之前的步骤进行。如果你在搭建环境过程中遇到任何问题，欢迎在下方评论，我会第一时间回复。

前端拾遗者·2023-10-13 17:26

react-native中统计组件渲染次数

在react中有很多统计组件重复渲染的工具，但是react-native中经常不能使用。所以此处介绍一种自己统计渲染次数的方法实现思路：通过给组件的某个方法添加修饰器，统计该方法的调用次数。

nextChallenger·2023-10-13 13:41

react-native使用修饰器

该文章只为记录react-native使用ES7.0的修饰器语法1.错误码error:bundlingfailed:TypeError:PropertyrightofAssignmentExpressionexpectednodetobeofatype

逗比寨主·2023-10-13 09:16

安卓物理返回

importReactfrom'react';import{StyleSheet,Text,View,Platform,Alert,BackHandler,SafeAreaView}from'react-native

知命者夏洛特·2023-10-13 05:08

react-native-video

简介一个react-native视频组件，可以实现视频播放的效果。要求的react-native版本>=0.40.0;对于RN支持0.19.0-0.39.0，请使用1.0之前的版本。

雪脩·2023-10-12 19:16

Rn使用FlatList导航栏自动回到中间

import{useState,useRef}from'react'import{FlatList,View,Text,StyleSheet,TouchableOpacity}from'react-native'constCenter

明知山_·2023-10-12 02:14

react-native项目使用flatList后state值改变，不重新渲染页面的问题

react-native项目使用flatList后state值改变，不重新渲染页面的问题react-native项目使用flatList后state值改变，不重新渲染页面的问题给FlatList指定extraData

俗人彭jin·2023-10-11 21:18

2021-11-09 React-Native PanResponder描述

最近想封装一个滑动组件给项目其他组件使用，ReactNative官方文档中就PanResponder的使用有做大致的讲解，同时网上也有各种关于PanResponder的详解教程，但大多只是官网的一个摘抄，并且就响应事件（onStartShouldSetPanResponder、onStartShouldSetPanResponderCapture、onMoveShouldSetPanRespond

无尽甜蜜里悠悠记忆·2023-10-11 15:04

React-Native安卓自升级版本

我使用的环境参数："react-native":"0.61.5"buildToolsVersion="28.0.3"minSdkVersion=16compileSdkVersion=28targetSdkVersion

zzHORSE·2023-10-11 13:17

RN封装的组件库

弹出层提示组件import{ToastAndroid}from'react-native';ToastAndroid.show('暂未输入服务器地址',2000);//参数二代表持续时间提示框确认组件安装

萧寂173·2023-10-11 13:36

·React-Native 实现渐变色的导航栏

·React-Native实现渐变色的导航栏效果图如下：实现RN需要依赖库：react-native-linear-gradient说一下简单的实现思路：我是使用react-navigation的StackNavigator

neil_song·2023-10-11 08:15

dva+react+ant.design

react-router的轻量级前端框架特性易学易用：仅有6个api，对redux用户尤其友好elm概念：通过reducers,effects和subscriptions组织model支持mobile和react-native

丸子丸子丸子酱·2023-10-11 05:42

React-Native 封装fetch 网络请求

Fetch网络请求：getstaticget=(url)=>{returnnewPromise(resolve=>{fetch(url).then(response=>response.json()).then(result=>{resolve(result);}).catch(error=>{reject(error);})})}Post:staticpost=(url,data)=>{retu

neil_song·2023-10-11 03:07

React-native 社会化分享

一.基于友盟封装的React-native的社会化分享传送门:githubjs调用方法:SFUMstaticshare(text,img,url,title,platform,callback)//分享方法

饭后的甜点_·2023-10-10 08:36

npm start端口号设置及修改，拿去不谢~

今天就来教大家如何解决端口占用以及如何修改端口号(●'◡'●)端口占用关闭方法☀找到对应路径下的server.js文件或者是start.js文件你的项目名称/scripts/start.js文件你的项目名称/node_modules/react-native

玉面小猿·2023-10-09 11:34

CodePush进阶-私服部署

最近公司为提升app扩展能力，决定使用React-Native对原有业务代码进行重构，还要求使用私有的codepush服务，在部署code-push-server的时候遇到了一些问题，特此记录下来。

何必太轻浮·2023-10-09 01:38

React-Native 导航栏切换

原本在项目中封装了一个导航栏，其实公用就可以了，由于项目需求，导航栏在多个页面的布局都不相同，重新封装了一个导航栏组建，代码不多，有需要的可以看看在需要的页面引入这个js并引入varScrollableTabView=require('react-native-scrollable-tab-view');使用方式：}>代码（新建一个js随意引入代码）/***Createdbyyanghong.li

唯有她美·2023-10-08 19:12

React-Native中createMaterialTopTabNavigator的高级使用

React-Native中createMaterialTopTabNavigator的高级使用createMaterialTopTabNavigator作为react-native中重要的Tab组件，日常中使用频率很高

iOS小童·2023-10-08 18:35

react-native ios2020开发环境搭建

自学react-native，搭建ios环境踩了不少坑，仅供参考。。。

Gaius Julius Octivius·2023-10-08 12:12

2022-04-25 react-native获取刘海屏的高度

android和ios都支持importReactfrom'react';import{StyleSheet,Text,View}from'react-native';import{getDefaultHeaderHeight

无尽甜蜜里悠悠记忆·2023-10-08 09:41

Xcode 12 运行 React-Native 0.63.3 旧项目出错

背景Xcode11.7版本上运行正常的RN项目，在Xcode升级到12后，无法在模拟器上执行。升级内容Xcode：11.7=>12.3React-Native:0.63.3=>0.63.4准备工作升级Cocoapods到1.10.0以上执行yarninstall并在ios路径下执行podinstall解决方法在项目文件路径//ios/.xcodeproj/project.pbxproj找到VALI

向前Hell·2023-10-08 03:54

react-native搭建环境遇到的坑

根据文档搭建环境https://reactnative.dev/docs/environment-setup坑1错误信息react-native报错Exceptioninthread"main"java.lang.RuntimeExceptionreact-nativerun-android

【03】·2023-10-08 02:24

code push实践

codepush可以实现react-native的热更新功能(不需要发布新版本，一般用于紧急bug修复)react-native-code-push配置sdk1、不要根据第三方博客文章进行配置，codepush

扶搏森·2023-10-07 22:15

react-native-linear-gradient兼容问题

背景react-native-linear-gradient可能因为react-native版本过低问题，导致无法支持react-native-linear-gradient，所以需要进行兼容处理。

a堅強的泡沫·2023-10-07 19:46

React-Native CodePush配置

Staging:测试环境Production：线上环境code-pushdeploymenthistorymeeting_room_iosStaging//查询开发环境下的发布更新包历史code-pushdeploymenthistorymeeting_room_iosProduction//查询线上环境下的发布更新包历史code-pushrelease-react--deploymentName

慕诩·2023-10-07 15:24

React Native之网络

示例代码：importReact,{Component}from'react'import{Text,View,ActivityIndicator,FlatList,}from'react-native'exportdefaultclassFetchExampleextendsComponent

谢尔顿·2023-10-07 01:35

2021-08-06 onActivityResult在React-Native使用

importandroid.app.Activity;importandroid.content.Intent;importandroid.net.Uri;importandroid.provider.MediaStore;importcom.facebook.react.bridge.ActivityEventListener;importcom.facebook.react.bridge.Pr

无尽甜蜜里悠悠记忆·2023-10-06 07:44

2018-06-01 react-native webview

{if(title.title!=undefined){this.setState({height:(parseInt(title.title)+20)})}}}/>

duansiyu·2023-10-05 17:30

React-Native 之 Fetch

fetch('http://hk.mzooe.com/api.php?app=api&mod=Oauth&act=authorize',{method:'POST',headers:{'Accept':'application/json',},body:formData}).then((response)=>{if(response.ok){returnresponse.json();}}).th

唯有她美·2023-10-05 10:26

RN package.json的操作

name":"ReactNativeJiangganMap","version":"0.0.1","private":true,"scripts":{"start":"nodenode_modules/react-native

able_·2023-10-04 09:51

关于react-native报错: Invariant Violation: WebView has been removed from React Native. It can ....

importReact,{Component}from'react'import{View}from"react-native"/*import{WebView}from"react-native"--

wingedsnake·2023-10-04 00:05

推荐频道

react-native