react-native

React-Native文字居中

在android中不能直接对text设置lineHeight来实现文字居中，需要在Text外套一层View再通过设置View的justifyContent："center",alignItems："center"来间接实现居中
若水三千瓢·2022-02-09 02:12

react-native 打包发布上线

安卓篇真机运行和发布的流程(安卓)1.运行生成key的命令（红字部分名称和别名，在命令中红字）$keytool-genkey-v-keystoremy-release-key.keystore-aliasmy-key-alias-keyalgRSA-keysize2048-validity100002.设置gradle变量1.把my-release-key.keystore文件放到你工程中的and
俗人彭jin·2022-02-08 22:34

React-Native开发工具 -- Vs Code

VsCode简介：VsCode全名VisualStudioCode，是由微软提供的编辑器。支持Windows、macOS以及Linux系统，并且内置Git版本控制功能。这是一款非常强大好用的编辑器，毕竟是微软出品。尤其是对前端开发人员来说，VsCode可以说是良心产品（主要是免费），刚接触RN的时候，用过Webstorm、Atom、Sublime、VsCode，最后毫不犹豫的选择了VsCode。这
迷迭象·2022-02-08 19:43

React Native登录之指纹登录篇的示例代码

ReactNative登录之指纹登录篇，具体内容如下所示：最近在做react-native的APP，项目登录使用了普通账号密码登录、短信登录、手势登陆、指纹登录和人脸识别登录五种方式，所以准备做一个登录方式的合集
·2022-02-08 18:10

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

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2022-02-08 12:39

react-native 文字过长折叠

勤做笔记，方便自己，帮助他人。第一次尝试把代码打包成npm，虽然水平依旧有限，但我很开心，因为我在向前。react-native-fold-textdemo.gifnpminstall--savereact-native-row-textmaxLines默认是5（非必填）importFoldTextfrom"react-native-row-text";
既然可以颠覆何必循规蹈矩·2022-02-07 14:32

Could not find proper version of cocoapods(1.11.2) in any of the sources

v16.13.2yarn1.22.17react-native-cli如果你之前全局安装过旧的react-native-cli命令行工具，请使用npmuninstall-greact-native-cli卸载掉它以避免一些冲突废话不多说前面我也是根据react-native
842b0ef119bb·2022-02-07 10:32

react-navigation学习笔记二：createStackNavigator

搭建demo使用相关版本："react-native":"0.56.0","react-navigation":"^2.18.2"介绍一次只渲染一个页面，并提供页面之间跳转的方法。
ghost__·2022-02-07 06:05

现有原生iOS和安卓项目集成React-Native

一、创建工程到自己创建项目的文件夹下输入命令:react-nativeinit项目名当然如果你想指定安装react-native版本的话你也可以这样后面的0.57.1可以自定义成自己的版本react-nativeinit
HT_Jonson·2022-02-07 03:58

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

创建React-Native项目react-nativeinitdounineApp
大猪大猪·2022-02-07 03:43

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

>需求，递归输出某个目录下的所有日志文件，我们可以使用`commons-io`进行处理，避免重复造轮子。↵##使用↵依赖↵```↵compilegroup:'commons-io',name:'commons-io',version:'2.6'↵```↵测试↵```↵@Test↵publicvoidtestFilters(){↵StringoutFilePath="./logdir2";↵Stri
kikiki4·2022-02-07 01:37

基于RN的自建公用组件-Page

这里我为了兼容iphonex引入了Dimensions和Platform两个组件importReactfrom'react';import{View,Text,Dimensions,Platform}from'react-native
蚊小文·2022-02-06 18:13

React-Native Scrollview嵌套标签页

新篇传送：React-Native实现头部滑动，TabBar吸附的TabView一个很常见的UI，不过在RN上好像没有成熟的解决方案，只好自己动手实现。
眸若止水·2022-02-05 23:24

react-native学习中的一些资源路径

1.react-native官网https://reactnative.cn2.reduxhttps://cn.redux.js.org/3.react-navigation导航（页面跳转）https://reactnavigation.org4.redux-saga异步处理storehttps://redux-saga-in-chinese.js.org/docs/api/index.html5
我的昵称好听吗·2022-02-05 19:08

React-Native 埋点 GrowingIO

文档：https://docs.growingio.com/docs/GrowingIO分析产品介绍GrowingIO是基于用户行为的新一代数据分析产品，吸取了国内外数据分析的最佳实践，创新了一整套数据采集、清洗整理、展现分析的一站式解决方案，帮助企业用数据驱动业务增长。我们希望：帮助客户快速获取数据，实现快速洞察，促进业务快速迭代帮助客户分析行为和业务数据，快速提高业务转化帮助客户管理用户生命周
精神病患者link常·2022-02-05 12:14

我为什么要修改react-native-root-toast库

1.1跨平台，兼容iOS和Android众所周知，react-native本身是作为一个跨平台的解决方案，因此在项目中，如果能够同时在iOS和Android上跑，那是最好完美的结果。
openUmberella·2022-02-05 12:27

ReactNative中Sentry的集成使用

sentry是开源的应用程序监控平台，这里就不多做介绍，基本的简介可以在官网看到https://docs.sentry.io/我们直接介绍在React-Native项目中的使用各种程序监控平台工作流程都是分为四步
戴发夹的格格巫·2022-02-05 08:03

JS bind and state

上代码importReact,{Component}from"react";import{Text,TouchableOpacity,View}from"react-native";classBlinkextendsComponent
森码·2022-02-04 23:31

React Native实现一个渐变进度条

的用法就不细讲了，可以参考这个链接ARTDOC1.新建一个ReactNative的测试工程react-nativeinitLineProgressBar2.导入ART库（以iOS为例）将node_modules/react-native
啸雨·2022-02-04 19:44

React-native 中StackNavigator导航栏

本人也是一个react-native的小白一个，公司要求用用react-native写APP的项目，望大牛指点，自己也记录一下自己的成长不废话了上代码import{AppRegistry}from'react-native
Smith_Frank·2022-02-03 14:54

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

>哈哈，今天是大猪在写的第一篇文章,步入正题，此文使用当前最新版本的`RN`与`Code-Push`进行演示，其中的参数不会过多进行详细解释，更多参数解释可参考其它文章，这里只保证APP能正常进行热更新操作，方便快速入门，跟着大猪一起来快活吧。![](https://upload-images.jianshu.io/upload_images/9028759-597468bb2d19c516.pn
kikiki5·2022-02-03 03:51

react-native Expo 下载

reactNative开发工具Expo自行下载：Chrome插件下载（需要梯子翻墙）1、下载Chrome插件APKDownloader。2、打开APKDownloader搜索栏输入https://play.google.com/store/apps/details?id=host.exp.exponent没梯子的同学可以点击下面链接直接下载：百度云密码：foou
简约克公爵·2022-02-02 23:42

使用react-native仿写一个qq音乐播放

最近在学习react-native，就想说做个项目实践一下，于是决定仿写一下QQ音乐，接口是在github上找的一个项目，地址QQMusicApi。
·2022-01-04 14:46

React-native 开发小技巧

1.isFocused我们知道对于App来说，对于页面的跳转不像PC端，Pc端如果跳转页面，则上一个页面会卸载，APP则不然，它是一个页面盖在另一个页面上面，怎么理解呢，就是当前页面盖在上一个页面上。那这个特性也就会导致我们开发的时候需要去考虑规避二件事：1.页面不会卸载，返回的时候，不会重新请求页面2.或者说有的是高消耗的页面不在当前页面了，也会一直在消耗手机性能这时候就要隆重介绍一个新的属性了
·2022-01-01 16:49

react-native跳转微信和支付宝小程序

一.跳转微信小程序1.在微信开放平台注册App，获取appId,不注册调不起小程序，ios填写universallink2.添加依赖库：react-native-wechat-lib，按照文档进行配置3.ios配置UniversalLink(通用链接)，参考大神教程：http://events.jianshu.io/p/2f2083077191registerApp(appid)注册import*
75e07f05c8c4·2021-12-29 12:47

React-Native中metro构建缓存导致的事故

最近一次使用react-native进行构建时出现因metro构建缓存导致的事故。
·2021-12-24 22:07

Vscode和webstorm在运行Jest测试时异步断点不准确的问题

一直以来被动一个问题困扰，在开发react-native应用时，无论是在Vscode或webstorm在运行Jest测试时均无法在async和yield函数中成功打断点，断点总是在函数头部就停下来，无法停在
·2021-12-23 18:20

React-Native运行报错问题汇总 以及Taro小程序异常

RN1.本地打包失败，缺少sentry配置注释2.运行podinstall的时候，use_native_modules找不到本地的包手动修改@react-native-commutiy下的包的路径找到这个包下的bin.js本地的路径3.运行yarnandroid的时候报错手动修改android目录下的build.gradle文件，新增4.运行yarnandroid的时候报错手动复制jdk文件地址（
·2021-12-22 14:35

react-navigation(6.0.6版本)使用详解(基于RN0.65*版本)

native-S//安装路由包^6.2.5yarnadd@react-navigation/native-stack-S//RN版本0.65.1React版本17.0.2"react":"17.0.2","react-native
·2021-12-20 10:45

又回到了和React-Native相爱相杀的日子。

最近回到了RN相关的项目组，又开始了和React-Native相爱相杀的日子。也只有RN，能让我久违的在家捣鼓（jia）技术（ban）这次又碰到什么问题呢？一个个来讲。
·2021-12-05 17:49

react-native android 上面的阴影问题

image.pngstyle={[t.absolute,//t.bgWhite,t.bottom0,t.wFull,t.shadowMd,t.roundedTLg,{height:itemHeight,}]}android上必须设置shadowColor以及elevation，最终代码：constandroidStyle:StyleProp={//Toroundimagecornersshadow
朱传武·2021-11-23 22:20

RN开发日常记录

react-native调试参考http://blog.csdn.net/quanqiny...知识点1.ReactNative中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。
·2021-11-11 20:37

详解react-navigation6.x路由库的基本使用

目录react-native项目初始化安装react-native项目react-navigation路由库安装使用路由库路由跳转与路由传参设置路由标题自定义标题组件标题按钮react-native项目初始化打开
·2021-11-10 14:18

react-native 集成微信支付

详见如下链接：https://github.com/yorkie/react-native-wechathttps://juejin.cn/post/6844903888286384141
allenjcheng·2021-11-07 21:12

React国际化react-i18next详解

简介react-i18next是基于i18next的一款强大的国际化框架，可以用于react和react-native应用，是目前非常主流的国际化解决方案。
·2021-10-28 16:56

React-Native TextInput 只支持输入数字

RNTextInput组件有自带的有keyboardTypeProps可以直接弹起数字键盘，但是当有从粘贴板上粘贴的内容的时候，还是会粘贴进去，如果是购物车输入加车数量的时候，需求不允许输入非数字字符，那么就需要另外处理。其中一个解决方案是可以用正则判断，当TextInput发生Change的时候，用正则将非数字字符过滤为空字符串，这样再进行setState，就能过滤掉非数字字符。代码如下：{co
Mstian·2021-10-18 15:24

react-native | 一起来实现一个高性能循环滚动的轮播图吧！

HiHey，可以叫我Doho，我是一名前端开发，目前在我司负责一款由RN开发的App。很兴奋和大家分享我在使用react-native-reanimated并制作react-native-reanimated-carousel中学习到的经验，由于react-native-reanimated的中文资料及介绍视频较少所以我的学习途径大多来自于官方文档、油管上光头大哥的视频这两个。官方文档内容大多是英
dohooo·2021-10-16 17:43

React Native填坑之旅--开启TurboModule（Android)

一个例子就把开发同学带到react-native的代码里了。这说明官方早就支持这个机制了，只是没正式官宣。但
·2021-10-16 16:13

react-native 针对高版本android文字、图片适配问题

1、项目调试包是android版本为8.1.0的，在打包装到小米10时，发现图片不显示，原因是为保证用户数据和设备的安全而要求默认使用加密连接参考来自柚子君.：https://blog.csdn.net/gengkui9897/article/details/82863966在AndroidManifest.xml文件下的application标签增加以下属性即可2、针对高版本android文字不
物联白菜·2021-10-13 10:44

2021-10-09 React-Native 网络请求原理

背景与网络请求有关的api有XMLHttpRequest、fetch、WebSocket，但是这三个API并不是JavaScript的标准api，也就是说在js引擎中无法直接使用这些api。浏览器自己实现了这些API，使得运行在浏览器中的JavaScript代码可以发起网络请求。也就是说，如果我们想利用JavaScript发起网络请求，我们需要扩展JS的运行时环境，用宿主平台的原生能力来自定义实现
KingAmo·2021-10-09 15:45

react-native本地文件踩坑记

前言现在很多小型公司因为人力问题，很喜欢追求跨端开发、跨平台应用，这使得很多前端工程师不得不身兼多职。由于原生工程师的知识短时间不能速成，很多前端工程师选择采取跨端技术，本文属于ReactNative的问题。ReactNative将原生开发的最佳部分与React相结合，无缝集成到你已有的Android或iOS项目，致力于成为构建用户界面的顶尖JavaScript框架。设备问题ReactNative
邓立_全栈UncleLi·2021-10-08 15:51

React-Native — 私服热更新的集成与使用

一、热更新的介绍很多开发技术中，都会有热更新的说法：热更新、热启动中的热一般是指不停机/不停APP，或者说不重启。服务器中的热更新：不需要关闭服务器，直接重新部署项目就行。冷的自然就是关闭服务后再操作。移动端的热启动、冷启动，这里热就表示APP/服务正在运行中的状态。客户端中的热更新，稍微扩展了一下，表示不需要重新安装新版本的APP，用户下载安装APP之后，打开App时可以即时更新。1.1苹果对热
Tenloy·2021-09-18 16:07

React-Native — 原理探究

本文主要大致介绍React-Native框架的底层原理，以及新架构的演变。文章骨架主体来自ReactNative原理与实践，很多细节上加以补充。
Tenloy·2021-09-14 14:46

React Native创建项目报错Command `yarn add react-native --exact` failed

运行react-nativeinitxxx报错报错Command`yarnaddreact-native--exact`failed解决方法：升级Node版本，在运行就好了sudonpmcacheclean-f//清除nodejs的cachesudonpminstall-gn//使用npm安装n模块npmviewnodeversions//node所有版本sudonlatest//升级到最新版本s
Loki_·2021-09-03 09:08

React-Native之截图组件react-native-view-shot的介绍与使用小结

目录一、现象二、解决三、总结：一、现象1、需求：把某展示页面进行截取保存到相册、并可进行以海报的形式分享出去；2、支持iOS和安卓二、解决1、安装：npmi--savereact-native-view-shot2、进行链接处理：react-nativelinkreact-native-view-shot3、当为IOS时执行还需要执行一下命令（安卓不用）：cdios&&podinstall&&cd
·2021-08-26 22:28

Flutter正在悄悄击败React-Native

React-Native与Flutter事情是这样的，由于最近想做个APP，于是我考虑下技术选型，便在gitHub看了看，于是发现了一个让我惊讶的点：React-native仓库Flutter仓库可以看到
·2021-08-09 10:38

react-native 使用ScrollView实现下拉刷新上拉加载---直接复制

参考来自：https://blog.csdn.net/qq_39197547/article/details/87702205官方写法：constItem=({item,index,onPress,onPress2})=>{return({item.lesson_image_url===''?:}{item.lesson_title}{item.lesson_general===''?'暂无介绍'
物联白菜·2021-08-04 11:36

教你使用vscode 搭建react-native开发环境

问题代码没有提示：许多刚接触RN开发的非前端同学，都会问“哪个编辑器有智能提示？”。。。而对于前端同学来说，现在的日子已经好很多了，要什么自行车。低级代码错误：这里的错误是指类似拼写错误，符号错误等。写完代码，跑起来各种报错，有时候费死劲的找，最后发现是个中文的分号问题。解决办法可选的方案大概有：使用typescript:直接使用有静态类型支持的js版本，but要再学习一套语法，而且我的代码都是t
·2021-08-02 14:52

React介绍

只负责视图的渲染三大特点：声明式：就跟写HTML一样，React渲染UI，数据变化更新UI基于组件：是React最重要的内容，组件便是页面中的部分内容，组合、复用组件实现完整页面学习一次，随处使用：Web应用，React-native
·2021-07-27 20:13

react-native 中Echart图时自定义 tooltip 内容

图片.png参考来自:https://blog.csdn.net/acknowledged/article/details/101220237letlabel=['10:00','10:15','10:30','10:45','11:00'];letvalue=[6,12,6,14,20];letvalue2=[9,6,12,14,35];option={//width:Util.size.wid
物联白菜·2021-07-27 09:42
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他